2010-10-15 2 views
0

Так как я могу это сделать, используя css3, mabe box-shadow? http://screencast.com/t/48LooBwzЕсть ли способ сделать это, css 3?

Может кто-нибудь мне помочь?

Мне нужно применить этот стиль к элементу?

С наилучшими пожеланиями,

+0

Что вы имеете в виду, что делать? – Trufa

+0

Мне нужно применить этот стиль к элементу – Uffo

ответ

2

Вы можете использовать окно-тень, и взломать его для IE:

.shadow { 
     zoom:1; /* This enables hasLayout, which is required for older IE browsers */ 
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3); 
     -moz-box-shadow:2px 2px 2px #b0b0b0; 
     -webkit-box-shadow:2px 2px 2px #b0b0b0; 
     box-shadow:2px 2px 2px #b0b0b0; 
} 

Вот пример: http://www.splashdust.net/2010/05/ie-hack-css-dropshadow/

+0

Thx много, вы лучший чувак! Я соглашусь на это как можно скорее. – Uffo

+0

Используйте 'rgba' всякий раз, когда вы можете - это было бы лучше для того, что нужно OP –

1

Что вы имеете в виду, падение 1px тени? Да, «box-shadow» будет делать (за исключением IE, конечно).

/* horizontal offset, vertical offset, blur radius, color */ 
box-shadow: 0 1px 1px rgba(0,0,0,.1); 
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); 
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); 
Смежные вопросы