使用Safari時CSS定位問題：

我在嘗試定位時遇到問題：在Safari中的內容之前。在Chrome/IE中，內容定位正確，但Safari正在以不同方式解釋樣式（請參閱：http://jsfiddle.net/danwoods/Yb8aR/）。我最初的想法是從範圍中刪除position: absolute：之前，但這表明它是它自己的問題...使用Safari時CSS定位問題：

有什麼看起來不合適的地方？有關Safari爲什麼顯示與Chrome不同的東西的任何解釋？

感謝，丹

來源

2013-10-24 danwoods

我不知道你有剝離位置絕對是有什麼問題，但我已經把它改爲position: relative，使用top: 4px與文本排隊起來，並display: inline-block允許保證金將其與文本分開。

span:before { 
    content: url(https://dl.dropboxusercontent.com/u/6114719/progress-2.png); 
    display: inline-block; 
    position: relative; 
    top: 4px; 
    margin-right: 5px; 
    transition: all 1.5s ease-in-out; 
    -webkit-transition: all 1.5s ease-in-out; 
    -moz-transition: all 1.5s ease-in-out; 
    -o-transition: all 1.5s ease-in-out; 
}

小提琴在這裏：http://jsfiddle.net/Yb8aR/5/ - 在Chrome和Safari中測試。

注：看起來Safari的對齊前僞元素向跨度元件，而鉻似乎它對齊到跨度元素中的文本（其被居中）。爲什麼會發生，我真的不確定。

來源

2013-10-25 00:18:42 davidpauljunior

就是這樣。完善。我想知道這是否記錄在任何地方（Safari的僞元素對齊方式與Chrome的方式）？謝謝... – danwoods

使用Safari時CSS定位問題：

回答

相關問題