Microsoft сделала подарок всем, кому необходимо тестировать под Internet Explorer, выложив хороший набор официальных виртуальных машин, покрывающих IE начиная с шестого и заканчивая свежим одиннадцатым.
Все заметки с тегами «CSS, IE»
-
Официальный набор для тестирования под Internet Explorer
17 сентября 2013
14 комментариев -
CSS3 PIE 1.0
16 мая 2012
2 комментарияВышел релиз библиотеки PIE 1.0, котрая добавляет в IE 6, 7 и 8 поддержку некоторых возможностей CSS3:
boder-radius,box-shadow,border-image,border-imageи несколько фоновых изображений. -
Каскад background-а для table в IE7
16 декабря 2010
3 комментарияСегодня IE7 преподнёс неприятный сюрприз. Необходимо было положить фоновую картинку под
table. Положил. Проверил в IE8 и остальных. Порадовался. Открыл IE7 и был немного удивлён тем, что картинка повторяется. Сначала подумал на несрабатываниеno-repeat, но оказалось, чтоbackground, заданный дляtable, в IE7 каскадируется на каждуюtd. Итого, чтобы положить фон под всю таблицу пришлось:/* задать фон */ #mytable { background: url(/images/table-bg.png) no-repeat 0 0; } /* вернуть прозрачный фон ячейкам */ #mytable td { background: transparent; }
И, всё-таки, как приятен IE после Outlook…
-
CSS3 PIE стал частью Sencha Labs
11 ноября 2010
1 комментарийCSS3 PIE, добавляющий в IE
border-radiusи другие приятные плюшки нового CSS, стал частью фонда Sencha Labs. То есть фактически будет спонсироваться Sencha (бывшей Ext JS). Ранее в Sencha Labs вошли такие проекты, как Raphaël, JavaScript InfoVis Toolkit и jQTouch.CSS3 PIE останется бесплатным и открытым, но, думаю, развиваться будет теперь быстрее.
-
CSS3PIE
14 июля 2010
2 комментарияПоявилась альтернтива ie-css3.htc, добавляющего IE поддержку теней от блока и текста и уголков CSS3.
На данный момент в CSS3PIE поддерживаются:
border-radius.
box-shadow.
border-image.
несколько background.
линейный градиент как фон.
Планируется поддержка других возможностей.
-
IE9 preview 2
5 мая 2010
4 комментарияВышла вторая превью-версия IE9.
Из свежего:
10 новых демок.
CSS3 Media Queries.
getElementsByClassName.
DOMContentLoaded.
ACID 3: 68/100.
-
IE9 preview
16 марта 2010
11 комментариевВот нам и показали IE9. От финала он, конечно, далёк, но посмотреть есть на что.
Более быстрый, чем в IE8, JavaScript-движок.
Поддержка некоторых фич CSS3: border-radius, RGBA, opacity, селекторы. К релизу обещают доделать ещё.
Поддержка HTML5: новые элементы, перехлёст тэгов, изменено поведение script и style (теперь можно получить их текст через DOM), API для выделения текста.
DOM L2 и немного DOM L3 (Events).
Поддержка SVG.
DirectX для рендеринга страниц.
Улучшена производительность отладчика, добавлен профайлер HTTP.
Для того, чтобы зарабоали приятные дополнения, надо перевести IE в новый document mode — IE9, например, при помощи:
<meta http-equiv="X-UA-Compatible" content="IE=IE9" />
или
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
На работу установленного в системе IE никоим образом не влияет. Устанавливать можно не опасаясь повреждения системы.
-
Кроссбраузерный CSS transform
10 марта 2010
4 комментарияCSS transform — штука очень интересная, но так как она не поддерживается IE, пользуются ей не очень часто. К счастью, для IE появляется всё больше библиотек, восполняющих его недостатки. На этот раз наш герой — cssSandpaper.
Несколько демонстраций:
Куб.
cssSandpaper реализует поддержку IE через фильтр DXImageTransform.Microsoft.Matrix, использовать который сам по себе довольно сложно. При использовании библиотеки, доступны: -sand-transform, частичная поддержка -sand-box-shadow, -sand-gradient.
-
IE7.js 2.1 (beta3)
8 марта 2010
2 комментарияОбновился проект Дина Эдвардса, обучающий IE понимать стандарты.
IE 5.0 больше не поддерживается.
В quirks mode не применяются фиксы для layout (кроме IE5.5).
IE9.js для улучшения IE8.
Поддержка opacity теперь в IE9.js.
Новые селекторы (IE9.js):
:first-of-type.
:last-of-type.
:only-of-type.
:nth-of-type().
:nth-last-of-type().
убран :contains() (другие браузеры его не поддерживают).
Куча багфиксов, в том числе и некликабельные ссылки.
Новый, более быстрый, селекторный движок (тот же, что будет в новом base2).
-
Работа с цветовой моделью RGBA
16 декабря 2009
3 комментарияНеплохой перевод статьи про RGBA и его использование в Firefox, Safari, Opera и Chrome.
Кстати, для IE можно обойтись относительно малой кровью:
div { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#99FFFFFF); zoom: 1; }
Формат параметров: AARRGGBB, где AA — альфа-канал, RR — красный, GG — зелёный, BB — синий.
