初学CSS问题

4 css xhtml

为什么bg和标题不重叠?

<!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>
Run Code Online (Sandbox Code Playgroud)
    #bg{
        position:absolute;
        left:0px;
        top:0px;
    }
    #header{
        position:absolute;
        top:0px;
        left:0px;
    }
Run Code Online (Sandbox Code Playgroud)

小智 9

使用a .而不是a #或更改class=id=

我推荐后者,因为我假设bg并且header独一无二的.

<img id="bg" src="bg.jpg"/>
<img id="header" src="header.png"/>
Run Code Online (Sandbox Code Playgroud)

有关详细信息,请参见此处