Safari似乎忽略了CSS

时间:2015-04-19 15:22:21

标签: css wordpress safari

我正在对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%;
 }

我在这里有一个测试网站,所以你可以看到我的意思:链接被删除

我出错的任何想法?感谢

2 个答案:

答案 0 :(得分:0)

Safari是否可能不支持border-radius? 尝试添加-khtml-border-radius: 50%;,这应该有效...

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

答案 1 :(得分:0)

刚看了Safari和Chrome,但Safari甚至没有列出您在样式表中设置的样式,这些样式位于您要定位的特定图片的匹配样式列表中。但是,Safari在你的样式表中报告了一些错误:一些不匹配的花括号等等。也许他们正在抛弃WebKit? (会发表评论,但还没有足够的代表。)

Errors reported by Safari