Question

我已经编写了以下代码来制作一个背景图片。它在Chrome和Internet Explorer上工作，但它没有在Firefox中显示。

＆＃13;

<style type="text/css">
#profile{
width: 100%;
height: 100px;
background-size: cover;   
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-image: url(https://pbs.twimg.com/profile_banners/6242932/1483907177/1500x500);

}

</style>
 <section id="profile" class="img-responsive">

＆＃13;

我正在使用Twitter bootstrap，有人可以提供帮助吗？

这是我在firefox中检查元素时显示的

#profile {
    width: 100%;
    height: 100px;
    Getting a error in this part in blockquote*

background-size：cover; -webkit-background-size：cover; -moz-background-size：cover; 背景尺寸：封面; -o-background-size：cover;

* background-image：url（＆＃34; https://pbs.twimg.com/profile_banners/6242932/1483907177/1500x500＆＃34;）; }

块引用部分在文本中显示为一行，如标记文本已删除

Answer 1

以下是Mozilla Develop Network关于背景大小属性的文章的链接：https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

我不是这方面的专家，所以我确信资源可以比我更好地表达答案。以下是可能对您有所帮助的说明：

如果未在背景缩写属性中设置此属性的值，该属性应用于background-size CSS属性之后的元素，则此属性的值将通过shorthand属性重置为其初始值的

似乎你的价值没有占据，因为你的代码中仍然需要定义一些属性或值。对不起，如果这不太清楚，只是试图指出你正确的方向！

-Tyler

Answer 2

找到解决方案，问题是 adblock 阻止背景图片

Answer 3

我可以在firefox和其他浏览器中看到。只需将高度从100px增加到500px，将宽度增加到1500px，或根据您的要求增加。

部分背景图像不工作在Firefox上

3 个答案: