課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)
overflow為什么所有的圖片都不見了啊,求解答
2015-05-30
源自:企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 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;//后來我發(fā)現(xiàn)把這里的高度增加三個像素就可以了,但是不知道是為什么,希望您能幫我解答下,謝謝啦
? ? 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;
請給代碼
舉報
本課程重點(diǎn)介紹HTML/CSS實(shí)現(xiàn)常見企業(yè)網(wǎng)站布局的方法
1 回答焦點(diǎn)圖片問題,overflow: hidden;之后三張圖片都不見了
1 回答求解啊,左邊插入的圓角圖片為什么跑到上面了啊,我看了距離對的啊
2 回答我的圖片 看不見 誰能解決下
1 回答所有用到的圖片大小都要和誰保持一致?。?/p>
3 回答為啥他答案我看了看,好像沒有那個藍(lán)色的圖片,答案是不是有地方漏了?。?/p>
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
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;//后來我發(fā)現(xiàn)把這里的高度增加三個像素就可以了,但是不知道是為什么,希望您能幫我解答下,謝謝啦
? ? 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
請給代碼