2015-12-15 4 views
-3

Css фон не работает в Firefox

html{ 
 
    background-color:red; 
 
} 
 
body { 
 
    min-height: 500px; 
 
    background-image:linear-gradient(90deg, rgba(255,255,255,.25) 1px, rgba(0,0,0,0) 1px), linear-gradient(0deg, rgba(255,255,255,.25) 1px, rgba(0,0,0,0) 1px); 
 
    background-position:0px 1px; 
 
    background-repeat:repeat; 
 
    background-size:20px 20px; 
 
    }
<body> 
 
    <p>Some Content</p> 
 
<body>

Этот узор я использую не vissible вообще в FireFox браузере. Это общая проблема? Есть ли решение для этого?

+0

Какой у вас "фон тела"? * Изменить: * Ваше тело белое, а градиентные линии также белые. Измените любой из них. – Harry

+0

Он работает так, как предполагалось: http://jsfiddle.net/2heyj7aj/ – enguerranws

+0

Если это сетка, которую вы имеете в виду ?, я вижу это в Chrome. – LGSon

ответ

2

Вы положили белые линии на белом фоне.

Решение? Изменение цвета фона или цвет линии:

body { 
    min-height: 500px; 
background-image:linear-gradient(90deg, rgba(255,255,255,.25) 1px, rgba(0,0,0,0) 1px), linear-gradient(0deg, rgba(255,255,255,.25) 1px, rgba(0,0,0,0) 1px); 
background-color: black; 
background-position:0px 1px; 
background-repeat:repeat; 
background-size:20px 20px; 
} 

Освободитесь называть меня умник.

+0

Изменение цвета фона не решает проблему. в любом случае спасибо за ответ – Dan

+0

Вы только что изменили тему своего вопроса, так что трудно дать правильный ответ. – enguerranws

+0

Однако он отлично работает и в Firefox на моем компьютере. – enguerranws

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