Есть ли работа jquery, которая может заставить css shadow-roundndedrorners работать на IE6 и выше?

Question

Мне нужно сделать кросс-браузер css, чтобы мои сайты выглядели одинаково в каждом браузере.

Есть ли лист кросс-браузера CSS, который также можно назвать "css"взломать, чтобы тени и закругленные углы отображались одинаково во всех браузерах и возможно ли использовать эти два одновременно в IE6 or higher.

Iveнашел несколько листов css, которые делают это отдельно, но не вместе.так что если есть способ заставить эти две разные способности css работать вместе в IE6 or higher, я хотел бы знать.

Answer 1

Попробуйте использовать CSS3PIE здесь: http://css3pie.com/about/

С сайта:

PIE означает Progressive Internet Explorer.Это поведение, связанное с IE, которое при применении к элементу позволяет IE распознавать и отображать ряд свойств CSS3.Рассмотрим, если хотите, следующий CSS:

#myElement {
  background: #EEE;
  padding: 2em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

В результате в любом из современных браузеров будет окно с приятно закругленными углами, кроме, конечно, IE 6, 7или 8, которые все отображают квадратную коробку.Однако добавьте следующее единственное правило к этому CSS:

#myElement {
  ...
  behavior: url(PIE.htc);
}

Теперь в IE появляются точно такие же закругленные углы!Это все, что нужно сделать.Нет, правда, я это имею в виду.

Немного замедляет время загрузки, но прекрасно работает.Также позволяет такие вещи, как тени и градиенты.

Answer 2

CSS3Pie - это то, что вам нужно. Убедитесь, что вы сначала прочитали документацию, хотя начать работу очень легко.

Answer 3

Вы можете использовать фильтр для тени, то есть

filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=10);  /* IE */ 

, также вы можете использовать этот JS для кривой http://blue -anvil.com / jquerycurvycorners / test.html #gment-2