CSS

Вопрос

Как помещать различного рода объекты (картинки, флэш-ролики, текст и т.д.) поверх html-документа, и в каких браузерах это будет работать?

Ответ

Помещать объекты возможно посредством применения стилей, а именно: в HTML версии 4.0 появился параметр z-index — это так называемый номер слоя. Значения которого следующие:

z-index:0 — основной слой (слой текста) z-index:1 — слой над текстом z-index:-1 — слой под текстом.

Например:

<img src="pict.jpg" style="position:relative;top:0;left:0;z-index:2">

******

1. Тег <html> должен быть таким:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">

2. Между тегами <head> и </head> нужно вставить это:

<style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} </style>

3. Далее, после тега <body> вставь это:

<v:shape id="_x0000_s1026" type="#_x0000_t75" style='position:absolute; margin-left:хххpx;margin-top:хххpx;width:хххpx;height:хххpx;z-index:1'> <v:imagedata src="рисунок.jpg" o:title="AN01124_"/> </v:shape>

Вместо ххх вставь свои числа
(margin-left — отступ слева; margin-top — отступ справа) Значения "width" и "height" — обязательны.
Если поместить текст (который под цифрой 3) не после <body>, а, например в ячейку таблицы, то отступы будут от границ этой ячейки. Работает только в Internet Explorer!

fort