CSS для начинающих - PullRequest
Новая
       1

CSS для начинающих

4 голосов
/ 15 июня 2011

Почему bg и header не перекрываются? 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>My First CSS Webpage</title>
    <link rel="stylesheet" type="text/css" href="css.css"/>
</head>
<body>
    <img class="bg" src="bg.jpg"/>
    <img class="header" src="header.png"/>
</body>
</html>

    #bg{
        position:absolute;
        left:0px;
        top:0px;
    }
    #header{
        position:absolute;
        top:0px;
        left:0px;
    }

Ответы [ 3 ]

9 голосов
/ 15 июня 2011

Используйте . вместо # или измените class= на id=

Я рекомендую последнее, потому что я предполагаю, что bg и header равны уникальный . 

<img id="bg" src="bg.jpg"/>
<img id="header" src="header.png"/>

См. здесь для получения дополнительной информации.

3 голосов
/ 15 июня 2011

Два изображения в html получили классы, в то время как в вашем css вы определяете стили для идентификаторов.

Если элемент имеет класс, укажите его в css, используя .classname, если он имеет идентификаторприцельтесь, используя #idname.Если элемент встречается в html только один раз, используйте id.Если есть несколько случаев, используйте класс.

0 голосов
/ 15 июня 2011

также я бы предложил для 2 элементов, которые используют одинаковые основные свойства определить их как: 

#element1, #element2
{
/* css properties */
}

Это сэкономит место в вашем CSS-файле и может составить довольно много.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...