CSS3 при помощи PIE (progressive Internet Explorer)

От Mithgol the Webmaster (2:5063/88) к All

Во время сегодняшнего вебосёрфинга мне подвернулся движок PIE, поддерживающий

перечисленные на http://css3pie.com/documentation/supported-css3-features/

свойства CSS во браузерах IE6, IE7 и IE8. Этими свойствами являются:

*) border-radius (без утончённых изысков в духе border-top-left-radius);

*) box-shadow (в данном на https://developer.mozilla.org/En/CSS/-moz-box-shadow

   файерфоксоподобном формате);

*) border-image (свежая фича PIE, ещё не документированная);

*) множественные фоны и фоновые градиенты (в виде -pie-background вместо

   обычного background, и с массой ограничений: background-attachment всегда

   принимает значение scroll, и background-size всегда равен размеру из файла

   фона, и background-repeat не поддерживает значения space или round,

   и background-position не может указывать более двух значений кряду).

При этом поддерживаются следующие CSS3-значения:

*) цвет rgba() как цвет фона -pie-background;

*) цвет rgba() в неразмытой тени box-shadow;

*) linear-gradient() в качестве фона -pie-background (но без RGBA-цветов,

   и без внешних по отношению к элементу опорных точек).

Тем не менее ── очень полезная штука, и весь джаваскрипт её был засунут внутрь

файла .htc, то есть его не нужно вызывать другим джаваскриптом, а достаточно

указать в CSS, и тем невозбранно достигнуть желаемого. Правда, его необходимо

отдать с заголовком 'Content-type: text/x-component', но это достигается либо

настройкою вебосервера, либо прилагаемою PHP-обёрткою.

По адресу http://css3pie.com/documentation/known-issues/ сказано также, что

движок PIE создаёт элемент, который предшествует обрабатываемому им элементу

и наделён свойством 'position: absolute', так что автору страницы остаётся

либо наделить обрабатываемый элемент свойством 'position: relative' (если он

был 'position: static'), либо наделить этим свойством родительский элемент,

да ещё и z-index придать.

Кроме того, не обрабатываются следующие элементы HTML:

*) body,

*) table и все табличные элементы,

*) textarea, select, input, img и все элементы, не имеющие дочерних элементов

   с отображаемым содержимым.

Автор PIE, как я понял, предлагает либо использовать в таких случаях особые

обёртки (div или span, в частности), либо дожидаться выхода какой-нибудь новой

версии PIE, в которой, быть может, в будущем будут устранены все эти проблемы.

* изначально написано в эхоконференцию Ru.Blog.Mithgol

* также было отослано в эхоконференцию Ru.HTML.Profy

* также было отослано в эхоконференцию Ru.JavaScript

Фидонет будет великим и гипертекстовым!    [Ru.Mozilla]     http://Mithgol.Ru/

Mithgol the Webmaster.                    [Братство Нод] [Team А я меняю subj]

... ,,Люди! Спасите! Куда ж я залез?`` Смотрит по карте: Барса-Кельмес.

--- Знаешь ли ты, что "навешенный" _не_ пишется через "ё"?

 * Origin: Но я лишь голос вопиющего в пустыне ── ``RTFM, LMD!!!'' (2:5063/88)

Ответы на это письмо:

From: Username
Заголовок следующего сообщения в треде может быть длинным и его придется перенести на новую строку

From: Username
Или коротким