Css Safari won'；t-webkit转换：scale（）

帮帮我。我绝望了

我马上就要完成我的网页了，当我的朋友说我在Safari上搞砸了时，我创建了一个临时域名。我检查了一下，真的解决不了

问题是我缩小了所有图像和徽标的比例，使其适合，而Safari不希望我这样做。一个例子

.midlogo {
overflow:hidden;
z-index: 1;
background-image: url(images/whitelogo.png);
position: absolute;
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
-ms-transform: scale(0.2, 0.2);
-moz-transform: scale(0.2, 0.2);
-o-transform: scale(0.2, 0.2);
top: -840px;
left: -650px;
height: 2560px;
width: 2560px;
background-repeat: no-repeat;

我几乎什么都试过了，但我没有主意了-webkit-在Chrome中工作，但在Safari中拒绝

帮帮我

请

---

jsfiddle

不知怎的，我把这个修好了，我不知道该怎么办-webkit-将永远是一个谜…

当我注意到我的一些span元素得到

缩放（.75）

而其他元素没有时，我解决了一个类似的问题

这两个元素之间的唯一区别是成功缩放的元素是具有

display:block

的元素

当我将

display:block

添加到我想要缩放的所有内联元素时，缩放是固定的

这是一把小提琴，演示了缩放变换处理内联元素的不同之处：

---

我们能不能创建一个？jsfiddle，更新问题！请为JSFIDLE尝试以下方法：。我添加了一个占位符图像并关闭了CSS。我正在研究这个问题，它可能与jpg格式的背景图像有关。您尝试过其他格式吗？请记住在URL中加引号：

background image=“URL（'importantotputquotesaroundthis.png'）”

我有一个工作版本。您可以看到Safari中显示了一个图像。所以使用png图片格式来安全播放它仍然没有修复它。。。谢谢你迄今为止的帮助！