 CSS. z-index. Или наложение текста на картинку. |
| веб-мастеру | блог веб-мастера | Статьи Веб-Мастера | SEO Tools | книги веб-мастеру |
Здравствуйте, гость ( Вход | Регистрация )
  |
| Elena |
 1.7.2008, 2:27
Сообщение
#1
|
 Прохожий  Группа: Пользователи Сообщений: 3 Регистрация: 1.7.2008 Пользователь №: 939  |
Знающие люди, подскажите пожалуйста!
Необходимо сделать следующее: большой текст поверх картинки (именно картинки, а не фона!!!). Чтобы текст прокручивался на странице, а картинка оставалась на месте. Пробовала с z-index в css, но результата так и не добилась  Если не затруднит, запишите как будет выглядеть код в отдельном css документе и как в html. Заранее благодарна! |
   |
 
|
| psywalker |
4.7.2008, 18:36
Сообщение
#2
|
|
Новичок Группа: Свои Сообщений: 11 Регистрация: 1.6.2008 Пользователь №: 869 |
Слушай,может ты не внимательно отняслась к z-index ..
вот посматри тут http://htmlbook.ru/css/z-index.html  |
|
|
|
| Elena |
4.7.2008, 20:28
Сообщение
#3
|
|
Прохожий Группа: Пользователи Сообщений: 3 Регистрация: 1.7.2008 Пользователь №: 939 |
Дело в том, что при прокрутке текста получается что картинка остается вверху, т.е. вообще выходит из поля зрения. Я хочу чтобы она оставалась во весь экран, но при этом на ней прокручивался большой текст - и этого не получается
|
|
|
|
| Elena |
4.7.2008, 21:33
Сообщение
#4
|
|
Прохожий Группа: Пользователи Сообщений: 3 Регистрация: 1.7.2008 Пользователь №: 939 |
Уф... спасибо
 Сколько раз мучила эту ссылку... только сейчас получилось.... Вот так вот... <html> <head> <style type="text/css"> #layer1, #layer2 { position: relative; } #layer2 { top: -541px; /* 541 это высота картинки*/ } #layer1 { z-index: 1; } #layer2 { z-index: 2; } </style> </head> <body bgcolor="#000000"> <div id="layer1"><img src="images/2.jpg" width="618" height="541" border="0"></div> <div id="layer2">ОЧЕНЬ ДЛИННЫЙ ТЕКСТ</div> </body> </html> НО все равно не совсем то, что надо, а именно - картинка уезжает вверх, вместо того чтобы оставаться в экране. Повторюсь, необходима именно картинка, а не фон. Как это сделать, подскажите пожалуйста... |
|
|
|
| psywalker |
4.7.2008, 21:34
Сообщение
#5
|
|
Новичок Группа: Свои Сообщений: 11 Регистрация: 1.6.2008 Пользователь №: 869 |
Слушай,я могу предложить тебе вариант такой..
http://htmlbook.ru/css/background-repeat.html Либо такой.. http://htmlbook.ru/css/background.html Погоди,я щас попробую сам сделать,погоди немного |
|
|
|
| psywalker |
4.7.2008, 22:05
Сообщение
#6
|
|
Новичок Группа: Свои Сообщений: 11 Регистрация: 1.6.2008 Пользователь №: 869 |
А вот так пойдёт?
<html> <head> <style type="text/css"> #layer1 { position: absolute; z-index: 1; } #layer2 { position: absolute; z-index: 2; } </style> </head> <body bgcolor="#000000"> <div id="layer1"><img src="images/2.jpg" width="618" height="541" border="0"></div> <div id="layer2">ОЧЕНЬ ДЛИННЫЙ ТЕКСТ</div> </body> </html> |
|
|
|
 |
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 20.8.2008, 9:32 |
Русская версия Invision Power Board
v2.1.7 © 2008 IPS, Inc.