Firefox не может распознать фоновое изображение флажка

Я разместил изображение в качестве фона для флажка. Все работает отлично в chrome, но когда я использую Firefox 32.0.3, Firefox не распознает фоновое изображение. Есть ли что-то, что мне не хватает, что заставляет firefox не добавлять в фоновое изображение?Firefox не может распознать фоновое изображение флажка

CSS

input[type=checkbox]:before { 
    content: ""; 
    display: inline-block; 
    width: 12px; 
    height: 12px; 
    background-image: url('http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg'); 
    background-size: 12px; 
    top: 2px; 
    position: absolute; 
    opacity:0.4; 
}

HTML

<input type="checkbox" id="chk1" />

Fiddle here.

источник

2014-10-14 jason328

Возможный дубликат [генерации CSS-контента до элементов «ввода»] (http://stackoverflow.com/questions/4574912/css-content-generation-before-input-elements) –

Я не верю, что решает вопрос для меня, потому что тип ввода, который я использую, является флажком, и изображения будут меняться в зависимости от того, установлен ли флажок или нет. Разве я не пропустил что-то из этого вопроса? – jason328

Я решил это, пройдя другой подход. Я создал тег span и с помощью AngularJS (уже в моем приложении) я использовал ng-класс для отображения фонового изображения тега span на основе того, отмечен ли флажок или нет.

источник

2014-10-15 01:13:51 jason328

Firefox не может распознать фоновое изображение флажка

ответ

Смежные вопросы