我不确定为什么这不起作用但是在Firefox中我注意到我的内容中的图像:url()没有显示。
它显示在opera,chrome和safari中,但不显示在Firefox中。
谁能告诉我为什么?我在堆栈论坛上发现了一个类似的问题,但我不明白问题是否已经解决。
我还在网上看到伪元素无法完全定位于Firefox 3.something?我正在运行Firefox 27.0.1,并认为它不会导致问题。
这是我的css:
.arrow_box_recovery:after {
content: url("http://dev.disklabs.com/html/assets/img/menu-arrow-recovery.png") no-repeat;
height: 20px;
width: 40px;
position: absolute;
top: -13%;
margin-left: -80px;
}
答案 0 :(得分:3)
网址后面不能有“不重复”。删除它,它会工作,如下:
.arrow_box_recovery:after {
content: url("http://dev.disklabs.com/html/assets/img/menu-arrow-recovery.png");
height: 20px;
width: 40px;
position: absolute;
top: -13%;
margin-left: -80px;
}