Вопрос о теге div.

Статус
В этой теме нельзя размещать новые ответы.

ilyxa zero

Постоялец
Регистрация
29 Окт 2008
Сообщения
56
Реакции
46
Подскажите универсальный код основан на теге div с момощью которого можно перекрыть любую страничку своим содержимым.А также если можно по подробней об атрибутах.
 
HTML:
<div style="position: absolute;  top: 0px; left: 0px; width:1000px; height:1000px; background:#FFFFFF; z-index:9">текст</div>
Как-то так...
 
HTML:
<div style="position: absolute;  top: 0px; left: 0px; width:1000px; height:1000px; background:#FFFFFF; z-index:9">текст</div>
Как-то так...
тогдв уж лучше width:100%; height:100%;
под разрешение моника подстроится...
 
Не подходит,нужно еще какой то атрибут,который сделает его как бы главным,а так перекрывает не все.
 
Все равно не выходит,блок никак не реагирует при попытке сместить влево и вверх на "-700px"
 
Попробуй убрать class="block1" и class="block2".
 
Что именно он не перекрывает, что должен, зачем тебе его смещать(т.е.) какой результат нужен?
 
Все равно не выходит,блок никак не реагирует при попытке сместить влево и вверх на "-700px"
Ты посмотри внимательнее в код, div, который ты двигаешь не должен лежать внутри другого div
 
Это нужно делать через z-index. CSS оперирует в трёх измерениях - высота, ширина и глубина.
figure020.gif

Для этого присвой каждому элементу номер (z-index). Элемент с бóльшим номером перекрывает элемент с меньшим номером.
Играем в покер и у нас - royal flush. "рука" должна быть представлена так, чтобы каждая карта имела z-index:
Вот код примера css с картами:
Код:
#ten_of_diamonds {
position: absolute;
left: 100px;
top: 100px;
z-index: 1;
}
#jack_of_diamonds {
position: absolute;
left: 115px;
top: 115px;
z-index: 2;
}
#queen_of_diamonds {
position: absolute;
left: 130px;
top: 130px;
z-index: 3;
}
#king_of_diamonds {
position: absolute;
left: 145px;
top: 145px;
z-index: 4;
}
#ace_of_diamonds {
position: absolute;
left: 160px;
top: 160px;
z-index: 5;
}
Содержимое html файла
Код:
<div id="ten_of_diamonds">
<img src="diamonds_10.gif" alt="10 of diamonds" width="70" height="96">
</div>
<div id="jack_of_diamonds">
<img src="diamonds_jack.gif" alt="Jack of diamonds" width="70" height="96">
</div>
<div id="queen_of_diamonds">
<img src="diamonds_queen.gif" alt="Queen of diamonds" width="70" height="96">
</div>
<div id="king_of_diamonds">
<img src="diamonds_king.gif" alt="King of diamonds" width="70" height="96">
</div>
<div id="ace_of_diamonds">
<img src="diamonds_ace.gif" alt="Ace of diamonds" width="70" height="96">
</div>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху