課程
/前端開發
/HTML/CSS
/企業網站綜合布局實戰
overflow為什么所有的圖片都不見了啊，求解答
2015-05-30
源自：企業網站綜合布局實戰 3-8
正在回答
@charset"utf-8";
*{
margin:0px;
padding:0px;
font-size:12px;
}
body{
background-color:#f5f5f5;
.top{
width:100%;
height:27px;
background:url(../images/top_bg.jpg) repeat-x;
.top_content{
width:1000px;
margin:0 auto;
.top_content li{
list-style-image:url(../images/li_bg.gif);
float:right;
width:70px;
line-height:27px;
.top_content li a:link,.top_content li a:visited{
text-decoration:none;
color:#8e8e8e;
.top_content li a:hover,.top_content li a:active{
color:#900;
.wrap{
.logo{
? ? height:83px;//后來我發現把這里的高度增加三個像素就可以了，但是不知道是為什么，希望您能幫我解答下，謝謝啦
? ? background-color:#fff;
.logo_left{
width:200px;
? ? float:left;
.logo_right{
width:300px;
height:28px;
margin-top:30px;
.logo_right img{
vertical-align:middle;
margin-right:10px;
.tel{
font-family: "微軟雅黑";
font-size: 16px;
color:#c00;
.nav{
height:40px;
.nav_left{
width:10px;
background:url(../images/nav_left.jpg) no-repeat;
float:left;
.nav_mid{
width:980px;
background:url(../images/nav_bg.jpg) repeat-x;
.nav_right{
background: url(../images/nav_right.jpg) no-repeat;
.nav_mid_left{
width:680px;
.nav_mid_right{
.nav_mid_left li{
list-style-type: none;
width:90px;
text-align:center;
line-height:40px;
.nav_mid_left a{
display:block;
.nav_mid_left a:link,.nav_mid_left a:visited{
? ? text-decoration: none;
color:#fff;
.nav_mid_left a:hover,.nav_mid_left a:active{
text-decoration: none;
background-color:#ca394a;
.search_text{
width:190px;
height:25px;
margin-top:7px;
background:url(../images/search.jpg) no-repeat right center;
background-color: #fff;
padding-right:25px;
border:1px solid #fff;
.ad{
height:310px;
overflow:hidden;
請給代碼
舉報
本課程重點介紹HTML/CSS實現常見企業網站布局的方法
1 回答焦點圖片問題，overflow: hidden;之后三張圖片都不見了
1 回答焦點圖片問題，求解答
1 回答求解啊，左邊插入的圓角圖片為什么跑到上面了啊，我看了距離對的啊
2 回答我的圖片 看不見 誰能解決下
1 回答所有用到的圖片大小都要和誰保持一致啊？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-06-02
@charset"utf-8";
*{
margin:0px;
padding:0px;
font-size:12px;
}
body{
background-color:#f5f5f5;
}
.top{
width:100%;
height:27px;
background:url(../images/top_bg.jpg) repeat-x;
}
.top_content{
width:1000px;
margin:0 auto;
}
.top_content li{
list-style-image:url(../images/li_bg.gif);
float:right;
width:70px;
line-height:27px;
}
.top_content li a:link,.top_content li a:visited{
text-decoration:none;
color:#8e8e8e;
}
.top_content li a:hover,.top_content li a:active{
color:#900;
text-decoration:none;
}
.wrap{
width:1000px;
margin:0 auto;
}
.logo{
? ? height:83px;//后來我發現把這里的高度增加三個像素就可以了，但是不知道是為什么，希望您能幫我解答下，謝謝啦
? ? background-color:#fff;
}
.logo_left{
width:200px;
? ? float:left;
}
.logo_right{
width:300px;
float:right;
height:28px;
margin-top:30px;
color:#8e8e8e;
}
.logo_right img{
vertical-align:middle;
margin-right:10px;
}
.tel{
font-family: "微軟雅黑";
font-size: 16px;
color:#c00;
}
.nav{
height:40px;
}
.nav_left{
width:10px;
background:url(../images/nav_left.jpg) no-repeat;
height:40px;
float:left;
}
.nav_mid{
width:980px;
background:url(../images/nav_bg.jpg) repeat-x;
? ? float:left;
}
.nav_right{
width:10px;
background: url(../images/nav_right.jpg) no-repeat;
height:40px;
float:left;
}
.nav_mid_left{
width:680px;
float:left;
}
.nav_mid_right{
width:300px;
float:right;
}
.nav_mid_left li{
float:left;
list-style-type: none;
width:90px;
text-align:center;
line-height:40px;
}
.nav_mid_left a{
display:block;
}
.nav_mid_left a:link,.nav_mid_left a:visited{
? ? text-decoration: none;
color:#fff;
font-family: "微軟雅黑";
font-size: 16px;
}
.nav_mid_left a:hover,.nav_mid_left a:active{
text-decoration: none;
background-color:#ca394a;
font-family: "微軟雅黑";
font-size: 16px;
}
.search_text{
width:190px;
height:25px;
margin-top:7px;
background:url(../images/search.jpg) no-repeat right center;
background-color: #fff;
padding-right:25px;
border:1px solid #fff;
}
.ad{
height:310px;
overflow:hidden;
}
2015-05-30
請給代碼