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

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

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

解决方法

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

How Do you Stretch a Background Image in a Web Page

关于不透明度

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

或看看CSS Image Opacity / Transparency

猜你在找的CSS相关文章