css – 背景图像:如果图像较小,如何填充整个div,反之亦然

前端之家收集整理的这篇文章主要介绍了css – 背景图像:如果图像较小,如何填充整个div,反之亦然前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有三个问题:

>当我试图使用较小尺寸div的背景图像时,div只显示图像的一部分。如何显示图像的全部或特定部分?
>我有一个较小的图像,我想使用在一个更大的div。但不想使用重复功能
> CSS中有没有办法来操纵图像的不透明度?

解决方法

调整图像大小以适合div大小。
使用CSS3,你可以这样做:
/* with CSS 3 */
#yourdiv {  
    background: url('bgimage.jpg') no-repeat;
    background-size: 100%;
}

How Do you Stretch a Background Image in a Web Page

关于不透明度

#yourdiv {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

或看看CSS Image Opacity / Transparency

猜你在找的CSS相关文章