我只是不明白为什么背景是在文本的顶部.. 我真的很感激任何帮助..
THX
html
<body>
...
<img...>
<div>
<div>
drop down list
<div>
<div>
body>img{
继承人的背景选项,希望它在高度和宽度上进行调整 / *设置规则以填充背景* / 最小高度:100%; min-width:1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
#wrap{
max-width: 1000px;
margin: 20px 0px;
display:-webkit-box;
-webkit-box-flex: 1;
padding-top: 30px;
}
/* link styles und so */
a:hover{
cursor:pointer;
}
a{
text-decoration: none;
font-family: 'Sintony', sans-serif;
color:black;
}
/* drop down list */
.clear{
clear:both;
}
ul#nav{
list-style-type: none;
padding: 0;
margin-top:60px;
}
ul#nav li{
background-color: white;
float:left;
}
ul#nav li a{
display:block;
padding: 5px 10px;
color:#000;
text-decoration: none;
border-bottom: 1px solid #ccc;
list-style-type: none;
}
ul#nav li a:hover{
background-color: #aaa;
}
ul#nav li ul li{
float: none;
list-style-type: none;
}
ul#nav li ul{
position: absolute;
display:none;
}
ul#nav li:hover ul{
display: block;
}
答案 0 :(得分:0)
使用CSS
设置背景体 { 背景图像:网址( 'yourfilepath'); 背景色:#CCCCCC; }
如果您不想使用background-image元素,并且想要使用img元素,那么您应该使用z-index属性。在这里你可以玩它。
此处示例:http://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex