【问题标题】:Safari appears to be ignoring CSSSafari 似乎忽略了 CSS
【发布时间】:2015-04-27 19:03:43
【问题描述】:

我正在对 wordpress 主题进行一些更改,但 Safari(Mac 和 iOS 上)似乎忽略了一些 CSS,而其他浏览器工作正常。

一个例子 - 这是它在 Chrome 和 Safari 中的外观: https://s3-eu-west-1.amazonaws.com/cystennin/chrome-safari.png

这是我使用的 CSS,专门用于图像。

.homeleftside1 img {
width: 70px;
height: auto;
margin-right: 15px;
float: left;
border-radius: 100%;
 }

我在这里有一个测试站点,所以你可以明白我的意思:链接已删除

任何想法我哪里出错了?谢谢

【问题讨论】:

    标签: css wordpress safari


    【解决方案1】:

    Safari 有没有可能不支持border-radius
    尝试添加-khtml-border-radius: 50%;,应该可以...

    类似问题:Rounded cornes (border radius) Safari issue

    【讨论】:

    • 没有。 Safari 支持边框半径
    【解决方案2】:

    刚刚查看了 Safari 和 Chrome,但 Safari 甚至没有将您在样式表中设置的样式列在您所定位的特定图像的匹配样式列表中。但是,Safari 在您的样式表中报告了几个错误:几个不匹配的花括号等。也许他们正在抛弃 WebKit? (本来会作为评论发布,但还没有足够的代表。)

    【讨论】:

    • 嗨,我注意到了这些,但不认为它们是相关的。然而,我已经清除了这些,除了字体真棒和引导程序,它们显然是由与 IE8 的兼容性引起的。
    • Safari 根本不玩球。我使用 Safari 中的调试器将一些样式应用于不同的 div。它在调试器中工作,但是当我编辑 CSS 时,它完全被忽略了。 s3-eu-west-1.amazonaws.com/cystennin/…
    • 嗯,很奇怪。我认为您可能在 WebKit 中发现了一个错误。您是否尝试将样式设置为不同的节点?即:针对页面上的相同元素,但以不同的方式引用它们。例如,将.homeleftside1 替换为更接近页面层次结构中目标元素的节点的类或ID。即使这不是一个永久的解决方案,确定这是您的代码还是 WebKit 的问题仍然会有所帮助。
    • 我不确定自己是白菜还是真的有问题。我已经尝试了你的建议并得到了一些动作!这导致我将此内容的样式从样式表的底部转移到顶部。这导致图像采用正确的样式。很明显,尽管我使用了“!important”,但我的 CSS 中的某个地方正在优先考虑 - 我认为它否决了更高的特异性?话虽如此,如果你现在看,你会看到图像是正确的,但文字,即价格仍然是错误的。 Safari 似乎根本不关注 '!important
    猜你喜欢
    • 1970-01-01
    • 2021-10-28
    • 2016-09-30
    • 2016-03-16
    • 2014-02-03
    • 2012-03-11
    • 2013-09-07
    • 2016-08-12
    • 1970-01-01
    相关资源
    最近更新 更多