Question

此代码似乎适用于除Safari之外的所有内容。

background：url（＆＃34; / images/nav.png"）no-repeat scroll center center / 17px 17px rgba（0,0,0,0）

当我擦除＆＃34; / 17px 17px＆＃34;然后我看到我的图像显示在该元素上。当我在safari web检查器中查看它时，它将CSS代码显示为

background：url（＆＃34; /images/nav.png"）no-repeat scroll center center / 17px 17px transparent

其他人遇到类似的东西吗？它用于工作，但后来我不得不缩放图像和Safari问题出现时的情况。谢谢！

Answer 1

似乎Safari无法解释background内的大小。

尝试添加：

background-size: 17px 17px;

所以你的css看起来像：

background:url("/images/nav.png") no-repeat scroll center center rgba(0, 0, 0, 0);
background-size: 17px 17px;

这里是fiddle，显然你需要Safari浏览器才能看到差异

Answer 2

试试这段代码：

background:url("/images/nav.png") no-repeat center center rgba(0, 0, 0, 0);
-webkit-background-size: 17px 17px; //webkit support
-moz-background-size: 17px 17px; //Mozilla support
-o-background-size: 17px 17px; //Opera support
background-size: 17px 17px;

适用于所有浏览器。

Safari背景的Safari问题

2 个答案: