CSS：在Safari for Windows的背景后

Question

我试图将一些箭头放在表头上。我使用了:after CSS伪元素。

我面对的问题是，这在所有浏览器中都能正常工作，除了Safari浏览器，其中背景图片并未出现。

为什么会发生这种情况？有没有办法解决这个问题？

HTML

<div class="test">ABC</div> 

CSS

.test:after 
{ 
    content:" "; 
    background:url(http://www.designwalker.com/img/arrow/arrow06.jpg); 
    padding-left:20px; 
    background-size:10px 10px; 
} 

注意：这只是一个例子，不是真正的样子。

Answer 1

我认为你需要指定display: inline-block（或block）和height。

.test:after { 
    content:" "; 
    background:url(http://www.designwalker.com/img/arrow/arrow06.jpg); 
    padding-left:20px; 
    background-size:10px 10px; 
    height: 30px; 
    display: inline-block; 
} 

http://jsbin.com/OrIdozUc/2/edit