【问题标题】:Background-size workaround for Safari 4Safari 4 的背景大小解决方法
【发布时间】:2012-08-25 04:08:30
【问题描述】:

background-size 与 Safari 4 不兼容。(可以在这里看到:http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover)我不知道如何做到这一点,所以我想知道是否有人知道使它与这个浏览器一起工作的解决方案。我正在尝试使用带有背景大小的图像:封面。 Css 或 jQuery 会很棒。谢谢。

【问题讨论】:

  • 只是好奇为什么要瞄准 Safari 4?这至少落后了两个主要版本(6.0 刚刚发布),而且它从一开始就不是一个非常受欢迎的浏览器。我不得不认为总流量只是 1% 的一小部分。看起来 Safar 4.1 正确实现了背景大小:developer.mozilla.org/en-US/docs/CSS/background-size
  • 我真的不知道它如此不受欢迎(或如今未使用)。感谢这两个通知,我想如果有 4.1 版的解决方案我真的不必担心。
  • 是的,我不会出汗的。如果您的网站出于某种原因有很大比例的 Safari 4.0 用户,请返回并找出答案 - 但我怀疑情况是否如此 :)
  • @chipcullen 听说过 Ipad 1 吗?无法升级我认为的浏览器。

标签: css background safari size compatibility


【解决方案1】:

我在 Safari 上遇到过这个问题,无论是在 Windows 还是 Mac 上,我都在使用

background-size: 100%

然后我尝试了供应商前缀,这似乎解决了 Safari 上的问题。但是当我在 Firefox 上的 Mac 上测试时,同样的问题出现了。即使在 IE9 上 :(

但使用Brian's 建议:

background-size: 100% !important;

解决了问题。

【讨论】:

    猜你喜欢
    • 2013-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-03
    • 2019-06-23
    • 1970-01-01
    • 2013-02-12
    • 1970-01-01
    相关资源
    最近更新 更多