HTML: Как прикрепить изображение границы к div

Question

Мне нужна рамка теневого блока для моего содержимого div. В настоящее время я использую следующий код в CSS для достижения этой цели.

border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0, 0, 0, .496094) 0px 1px 10px;
-moz-box-shadow: rgba(0, 0, 0, .496094)

Но это прекрасно работает только с Google Chrome. Теневой бокс не применяется в других браузерах. Поэтому мне нужно знать, как использовать изображение границы для повторения с помощью div. Также скажите мне соответствующий размер изображения, которое будет использоваться ... Спасибо ...

Answer 1

Причина, по которой он работает только в Chrome, заключается в том, что это единственный браузер, которому вы дали какие-либо значения. Для правил Firefox вы пропустили 0px 1px 10px
Кроме того, вы должны упорядочить их должным образом и включить свойство, не относящееся к конкретному поставщику, а также сделать его пригодным для использования в будущем. Смотрите здесь - http://css -tricks.com / ordering-css3-properties /
Чтобы получить тень в IE без каких-либо изображений, проверьте http://css3pie.com.