Question

我的网站使用三个包含推荐的div。每个div都有一个背景固定的大背景图像。

我没有对网站进行任何更改，但在过去两天的某个时间，其中一个div停止在Chrome中显示其背景图片。 在Firefox和IE中完美运行。

除了具有不同的背景图像和不同的文本外，代码与其他推荐div完全相同。当我复制其他div的CSS时，背景图像仍然没有显示。

今天早上经过大量的反复试验后，我已经解决了这个问题 - 但这对我没有任何意义。图像显示在这两个条件下：

媒体查询将背景大小从“100％”切换为“自动100％”。但是，在div的原始css中更改此设置不会使图像显示出来。
...或“background-attachment：fixed”已注释掉。

这是CSS ...

.testimonial3 {background: url(http://website.com/backgroundimage.jpg) no-repeat right bottom; 
background-color:#FF5800;
background-attachment: fixed;
background-size: auto 100%;}

...和HTML

<div class="testimonial3">

<p>"My company contacted Company to develop a new user-friendly website. The site looks GREAT and now we continue to utilize Company's SEO services as we move into the future.</p>
<p>John Doe, Professional Services Company, New York</p>

</div>

使用background-attachment时，背景图片不会显示在Chrome中：已修复

0 个答案: