IT-салат

Обновлено: 18.07.2008 - 01:36

Таких постов, наверное, куча будет в этом блоге.

В этом разделе я буду публиковать небольшие хитрости, которые использую при верстке. Не потому, что они никому неизвестны. Как раз наоборот. Короче небольшая памятка предже всего для самого себя.

Итак, пару хитростей при работе с прозрачными пнг в ие.

Хитрость номер 1
собственно не хитрость, все верстальщики должны это знать:

#my_div{
height:300px;
width:400px;
background:top right no-repeat url(../img/bg.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/bg.png',sizingMethod='crop');//background:; /*ie png-fix*/
}

Хитрость номер 2
Обязательно указывать высоту и ширину слоя. Можно, конечно, указывать в filter. Но мне лень искать как. Я обычно делаю так, как указал выше.

Хитрость номер 3
Чтобы ссылки и поля формы работали нормально в ие (т.е. чтобы их можно было нажимать, заполнять и тд), не указывайте для слоя с прозрачным бэкграундом атрибут position. А для ссылок и элементов формы надо указать position:relative. Тогда все работает превосходно.

Хитрость номер 4
Часто css-файлы лежат не там, где лежит html-файл и рисунки. Я, например, создаю отдельные каталоги для css-файлов и для графики. Потому в css надо указывать путь примерно так: url(../img/image.png). Для filter путь надо указывать от html-файла (т.е. в моем случае ./img/image.png - с одной точкой впереди)

Ну вот на сегодня и хватит хитростей