我正在对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%;
}
我在这里有一个测试网站,所以你可以看到我的意思:链接被删除
我出错的任何想法?感谢
答案 0 :(得分:0)
Safari是否可能不支持border-radius
?
尝试添加-khtml-border-radius: 50%;
,这应该有效...
类似的问题:Rounded cornes (border radius) Safari issue
答案 1 :(得分:0)
刚看了Safari和Chrome,但Safari甚至没有列出您在样式表中设置的样式,这些样式位于您要定位的特定图片的匹配样式列表中。但是,Safari在你的样式表中报告了一些错误:一些不匹配的花括号等等。也许他们正在抛弃WebKit? (会发表评论,但还没有足够的代表。)