CSS - 在Firefox中使用背景图像进行奇数布局

Question

我创建了我认为是一个非常非常好且简单的“复选框”CSS，我现在正在使用我的网站。它不使用JavaScript并且非常简洁，并且可以在除Firefox之外的所有浏览器中使用。我得到了意图显示背景图像的div图层的奇怪放置行为...

我准备了一个说明此行为的jsFiddle，并且我将不胜感激。我真的很困惑什么是错的。

jsFiddle Example

我也准备了一个简单的截图，通过侧

Answer 1

演示差侧添加位置：相对位置：

.checkbox input[type="checkbox"] + label { ... } 

然后top:0; left:0;这里：

.checkbox input[type="checkbox"] + label:before { ... } 

FIDDLE：http://jsfiddle.net/cfwL3/9/

Answer 2

您需要为position:absolute定义top属性。

.checkbox input[type="checkbox"] + label:before { 
    position: absolute; 
    left:0px; 
    top:0px; 
} 

演示http://jsfiddle.net/ciel/cfwL3/