Macos CSS:Can';t获取背景大小:包含以在Firefox 5中工作
然而,根据Firefox3.6以来支持的背景大小,它显然不适用于我的OS X版本的Firefox5。它在Safari中看起来不错,但是Firefox5没有正确显示它。有虫子吗?为什么我不能在Firefox中使用它 HTML:Macos CSS:Can';t获取背景大小:包含以在Firefox 5中工作,macos,firefox,firefox-5,css,Macos,Firefox,Firefox 5,Css,然而,根据Firefox3.6以来支持的背景大小,它显然不适用于我的OS X版本的Firefox5。它在Safari中看起来不错,但是Firefox5没有正确显示它。有虫子吗?为什么我不能在Firefox中使用它 HTML: 这表明它工作不正常。我不确定发生了什么,但如果您有: .button.special { background: url("/images/special-button-bg.png"); background-size: contain; } 我猜ba
这表明它工作不正常。我不确定发生了什么,但如果您有:
.button.special {
background: url("/images/special-button-bg.png");
background-size: contain;
}
我猜
background
属性正在覆盖background size
属性。但是,这并不能解释为什么Firefox的行为与Safari不一样。我不确定发生了什么,但如果您有以下情况,它会起作用:
.button.special {
background: url("/images/special-button-bg.png");
background-size: contain;
}
我猜
background
属性正在覆盖background size
属性。但是,这并不能解释为什么Firefox的行为与Safari不同。我最近在以下场景中遇到了同样的问题:
Win10+Firefox 55.0.3 64its,背景图像不显示
我用其他浏览器进行了测试,结果还可以,我可以看到图像。
例如:使用Win10+MS Edge和Win10+IE11时工作正常
因为我不想使用JavaScript或供应商前缀(-moz-etc)
我去了w3c.org,试图搜索出问题所在,不幸的是,我没有找到解决方案,但我决定尝试声明所有值:
我改变了这一点:
background-size: contain;
为此:
background-size: contain contain;
我发布并测试了,它的工作原理如下:
我希望这能帮助那些希望避免使用浏览器脚本语言或供应商前缀的人。我最近在以下场景中遇到了同样的问题: Win10+Firefox 55.0.3 64its,背景图像不显示 我用其他浏览器进行了测试,结果还可以,我可以看到图像。 例如:使用Win10+MS Edge和Win10+IE11时工作正常 因为我不想使用JavaScript或供应商前缀(-moz-etc) 我去了w3c.org,试图搜索出问题所在,不幸的是,我没有找到解决方案,但我决定尝试声明所有值: 我改变了这一点:
background-size: contain;
为此:
background-size: contain contain;
我发布并测试了,它的工作原理如下:
我希望这能帮助那些希望避免使用浏览器脚本语言或供应商前缀的人。请发布失败的代码行。
背景大小仅在Firefox 4之后才受支持。Firefox 3.6使用-moz background size
。如果显示不正确,我确信一定是出了问题……我添加了一个JSFIDLE,表明它在FF5中无法正常工作。请发布失败的代码行。background size
仅在Firefox 4之后才得到支持。Firefox 3.6使用了-moz背景大小
。如果它没有正确显示,我肯定是出了问题……我添加了一个JSFIDLE,表明它在FF5中工作不正常。啊,又是讨厌的速记背景
属性。@BoltClock:是的,所以CSS3背景
速记有点疯狂。它似乎只在Opera中起作用。Safari的实现只是有缺陷;根据规格背景
重置背景大小
。看啊,又是讨厌的速记background
属性。@BoltClock:是的,所以CSS3background
速记有点疯狂。它似乎只在Opera中起作用。Safari的实现只是有缺陷;根据规格背景
重置背景大小
。看见