2013-05-07 1 views
0

Это правило CSS работает отлично:Цвет фона Aswell как фоновое изображение в том же правиле CSS не работает

#selector { 
background: repeat-y transparent 50% url(data:image/png;base64,mybase64encodedimage); 
} 

Однако это не удается, и ничего не делает. Почему это? Я думал, что вы можете указать фоновый цвет, а также фоновое изображение в том же правиле.

#selector { 
background: white repeat-y transparent 50% url(data:image/png;base64,mybase64encodedimage); 
} 
+0

Я вижу два цвета фона. – Prinzhorn

+0

Да, проблема в том, что вы объявляете цвет фона белым, но затем снова прозрачным. См. [Это руководство] (http://www.dustindiaz.com/css-shorthand/) о том, как работает стенография фона. – Simon

ответ

0

Адрес solution.

HTML-:

<div id="selector">red</div> 

CSS-:

#selector { 
background: red repeat-y /*transparent*/ 50% url(data:image/png;base64,mybase64encodedimage); 
} 

Надеется, что это помогает.

1

Он должен выглядеть следующим образом:

#selector { 
background: white repeat-y 50% url(data:image/png;base64,mybase64encodedimage); 
} 

transparent Ваш цвет фона в первом, который работает отлично.

Так технически, что вы сделали это место 2 цвета фона на ваш background: white & transparent и потому transparent приходит после того, как white, это переопределение бывшего.

+1

Да, и потому, что 'transparent' появляется после' white', он переопределяет первое. –

+0

@ ralph.m, что тоже правильно. – Andrew

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