Question

我想用不透明度设置显示背景图片，所以我使用了这段代码

标记：

<div class="container">
    <div class="BackLayer">
         <section id="galleria">
             <div class="title-box">
                 <h1 id="galleria-title">Galleria a Arte Studio Invernizzi</h1>
             </div>
         </section>
    ...

CSS：

#galleria:before {
   content : "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   background: url('images/00-Tremlett-Verjux-2013.jpg') no-repeat;
   width: 587px;
   height: 400px;
   opacity : 0.2;
}

它工作正常，但我需要将图像设置为背景大小：封面......（我想做类似http://wrapbootstrap.com/preview/WB048M27G的事情）

如果我只是添加background-size：cover，则width属性会覆盖它（或者我认为......无论如何，它都不起作用）;如果我没有设置任何宽度/高度，图像不会显示...

这个问题让我头疼......有什么建议吗？

Answer 1

尝试在以下位置更改绝对位置：

position: absolute;
top: 0;
left: 0;

bottom: 0; /* add this */
right: 0; /* add this */

而是使用宽度/高度

div：不显示背景大小的图像：封面

1 个答案: