焦点图片问题

来源:3-8 企业网站制作之焦点图制作

慕粉4241458

2017-09-20 13:00

@charset"utf-8"

*{

    margin: 0;

    padding: 0;

    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 a:link,.top_content a:visited

{

    color:#8E8E8E;

    text-decoration: none;

}

.top_content a:hover,.top_content a:active{

    color: #900;

    text-decoration:none;

}

.wrap

{

    width:1000px;

    margin: 0 auto;

    background-color: #FFF;

    

}

.logo

{

    height:80px;

        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: cursive;

    font-size: 16px;

    color:crimson;

}


.nav

{

    height: 40px;

  

    

}

.nav_left

{

    width:10px;

    background:url(/企业网站/images/nav_left.jpg);

    background-repeat: no-repeat;

    float: left;

    height: 40px;   

}

.nav_mid

{

    width: 980px;

    background-image:url(/企业网站/images/nav_bg.jpg);

    background-repeat: repeat-x;

    float: left;

     overflow: hidden;

    

}

.nav_right

{

    width:10px;

    background:url(/企业网站/images/nav_right.jpg) no-repeat;

    float:left;


     

    

     

}

.nav_mid_left li

{

float: left;

    list-style-type: none;

    width:100px;

    text-align: center;

    line-height: 10px;

}

.nav_mid_left a:link,.nav_mid_left a:visited

{

    text-decoration: none;

    color:#FFF;

    font-size: 16px

    font-family: fantasy; 

}

.nav_mid_left a:hover,.nav_mid_left a:active

{

    text-decoration: none;

    color:#FF0;

    font-size: 16px

    font-family: fantasy; 

}

.search_text

{

    width:190px;

    height:25px;

  

       background:url(/企业网站/images/search.jpg);

    background-repeat: no-repeat;

    background-position: right center;

    background-color: #FFF;

    padding-right: 25px;/*右覆盖*/

    border:1px solid #FFF;

}

.ad

{

    height:310px;

  

    

}

    

为什么图片位置不对?,而且在ad上加入overflow:hidden是图片不见了。是不是哪里格式不对导致后面的格式都不对了?还有就是为什么在360上可以显示网页而在谷歌浏览器上是乱码?新手小白,希望各位大神指教!

写回答 关注

3回答

  • 凉茈
    2017-09-22 15:37:53
    已采纳

    你试一试


    .ad{
        height: 310px;
        width: 1000px;
        margin:0 auto;
        overflow: hidden;
    }

    开始我也是一隐藏图片就没有了。可能是因为所有图片超出了固定位置,就全都隐藏了。至于乱码,charset设置为utf-8或者gb2313试试。

    额我也是新人

    慕粉4241...

    恩,好使了。非常感谢

    2017-09-22 16:18:16

    共 1 条回复 >

  • 破戒僧
    2017-12-29 21:27:52

    .logo_right 这里的高后面你没有加“;”

  • 慕粉4241458
    2017-09-20 13:01:24

    http://img3.mukewang.com/59c1f610000113d519201080.jpg

    这是显示的页面

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157038 学习 · 2134 问题

查看课程

相似问题