1. 首页
  2. 问题
  3. 背景图片：如果图片较小，如何填充整个div，反之亦然
小编典典

背景图片：如果图片较小，如何填充整个div，反之亦然

css

我有三个问题：

  1. 当我尝试在较小尺寸的div中使用背景图像时，div只显示图像的一部分。如何显示图像的全部或特定部分？

  2. 我的图片较小，想在更大的div中使用。但是不想使用重复功能。

  3. CSS中有什么方法可以处理图像的不透明度？


阅读 303

收藏
2020-05-16

共1个答案

小编典典

调整图像大小以适合div大小。
使用CSS3，您可以执行以下操作：

/* with CSS 3 */
#yourdiv {  
    background: url('bgimage.jpg') no-repeat;
    background-size: 100%;
}

关于不透明度

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