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

Тема в разделе "Другие языки", создана пользователем ilyxa zero, 29 мар 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. ilyxa zero

    ilyxa zero Постоялец

    Регистр.:
    29 окт 2008
    Сообщения:
    54
    Симпатии:
    40
    Подскажите универсальный код основан на теге div с момощью которого можно перекрыть любую страничку своим содержимым.А также если можно по подробней об атрибутах.
     
  2. Belial

    Belial

    Регистр.:
    1 фев 2010
    Сообщения:
    236
    Симпатии:
    113
    HTML:
    
    <div style="position: absolute;  top: 0px; left: 0px; width:1000px; height:1000px; background:#FFFFFF; z-index:9">текст</div>
    
    Как-то так...
     
  3. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    тогдв уж лучше width:100%; height:100%;
    под разрешение моника подстроится...
     
  4. ilyxa zero

    ilyxa zero Постоялец

    Регистр.:
    29 окт 2008
    Сообщения:
    54
    Симпатии:
    40
    Не подходит,нужно еще какой то атрибут,который сделает его как бы главным,а так перекрывает не все.
     
  5. Ewsen

    Ewsen

    Регистр.:
    26 июл 2008
    Сообщения:
    163
    Симпатии:
    59

    У тебя там нет описания css стиля.
    HTML:
    <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
    dolore magna aliguam erat volutpat.</div>
    <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
    ea commodo consequat.</div>
    Должно бать так:
    HTML:
    <div style="position: absolute;  top: 0px; left: 0px; width:1000px; height:1000px; background:#FFFFFF; z-index:9" class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
    dolore magna aliguam erat volutpat.</div>
    <div style="position: absolute;  top: 0px; left: 0px; width:1000px; height:1000px; background:#FFFFFF; z-index:9" class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
    ea commodo consequat.</div>
     
  6. ilyxa zero

    ilyxa zero Постоялец

    Регистр.:
    29 окт 2008
    Сообщения:
    54
    Симпатии:
    40
    Все равно не выходит,блок никак не реагирует при попытке сместить влево и вверх на "-700px"
     
  7. Belial

    Belial

    Регистр.:
    1 фев 2010
    Сообщения:
    236
    Симпатии:
    113
    Попробуй убрать class="block1" и class="block2".
     
  8. fri

    fri Создатель

    Регистр.:
    14 авг 2009
    Сообщения:
    32
    Симпатии:
    1
    Что именно он не перекрывает, что должен, зачем тебе его смещать(т.е.) какой результат нужен?
     
  9. Delk0

    Delk0

    Регистр.:
    26 мар 2010
    Сообщения:
    284
    Симпатии:
    47
    Ты посмотри внимательнее в код, div, который ты двигаешь не должен лежать внутри другого div
     
  10. eburgnights

    eburgnights

    Регистр.:
    10 мар 2007
    Сообщения:
    216
    Симпатии:
    73
    Это нужно делать через z-index. CSS оперирует в трёх измерениях - высота, ширина и глубина.
    [​IMG]
    Для этого присвой каждому элементу номер (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>
    живой пример
     
    ilyxa zero нравится это.
Статус темы:
Закрыта.