Тень и бордер

[okunev2]

 

Свертсал данную кнопку так: http://jsfiddle.net/37aeb/

 

Не могу добится чтобы была тень как на картинке, и в ИЕ8 вообще не так как на картинке.

 

 

тенб вроде сделал box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset;

 

а вот с ИЕ8 и не понятно

Edited December 6, 2013 by okunev2

[pashkje]

del

Edited December 6, 2013 by pashkje

[Zverushka]

ие8 не поддерживает тени http://caniuse.com/#search=box-shadow

Да и не нужно - изящная деградация

 border-radius: 6px;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;

Префиксы пишутся до основного свойства.

И для круглых уголков префиксы не пишут уже давно.

Edited December 6, 2013 by Zverushka

[ryter]

  On 12/6/2013 at 9:47 PM, Zverushka said:

ие8 не поддерживает тени http://caniuse.com/#search=box-shadow

Да и не нужно - изящная деградация

 border-radius: 6px;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;

Префиксы пишутся до основного свойства.

И для круглых уголков префиксы не пишут уже давно.

насчет префиксов есть еще для кого писать 

[Zverushka]

  Quote

 

 

border-radius

Как и в ситуации с предыдущими двумя свойствами, Opera и Internet Explorer поддерживали border-radius без префикса с момента реализации. Можно опустить -webkit- и -moz- если не нужна поддержка следующих браузеров:

• Firefox 3.6 и ниже (~0.95% рынка)
• Chrome 4 и ниже (~0.05% рынка)
• Safari 4 и ниже (~0.12% рынка)
• Android 2.1 и ниже (~3% актуальных Android девайсов)
• Safari на iOS 3.2 и ниже

Рекомендовано использовать:

http://habrahabr.ru/post/163429/

 

Лучше поставить аддон для редактора prefixr - он будет по комбинации горячих клавиш ставить актуальные префиксы, правда с box-shadow и text-shadow иногда тупит фз-почему, поэтому вручную часто добавляю -webkit

[ryter]

лично я использую scss + compass так что префиксы генерятся автоматом а если какие-то не нужны то это настраивается одной строчкой 

[Z1gnet]

и этой статье уже год. так что процентная доля браузеров уже явно меньше

[SelenIT]

Сейчас самая продвинутая штука для префиксов, имхо, эта.

[okunev2]

Понятно. Но вопрос в следующем, почему для IE не работают отступы padding?

[Светлана Г.]

В коде ошибка - не закрыт <ul></ul>

[okunev2]

  On 12/7/2013 at 6:50 AM, Светлана Г. said:

В коде ошибка - не закрыт <ul></ul>

 

уже исправил