Question

我在网站上显示页脚时遇到问题，我使用css作为背景色等，并且每个页脚都由相同的css文件引用。尽管它们由同一css块引用，但子页面显示页脚的正确形式，但首页却不显示页脚的正确形式。有没有人对解决方案有想法？

Answer 1

这是与页脚有关的css块，但我认为我们有关html代码的问题。

#site-footer .wrapper{
    padding                 : 0 40px;
}
#site-footer .footer-top{
    padding                 : 40px 0;
}
#site-footer .footer-top .top-logo{
    margin                  : -40px 20px 0 0;
    float                   : left;
}
#site-footer .footer-top .top-menu{
    margin-bottom           : 30px;
}
#site-footer .footer-top .top-menu ul li{
    margin-left             : 10px;
}
#site-footer .footer-top .top-menu ul li a{
    display                 : inline-block;
    height                  : 30px;
    line-height             : 30px;
    font-size               : 11px;
    letter-spacing          : 2px;
    font-weight             : 600;
    position                : relative;
}
#site-footer .footer-top .top-menu ul li a:after{
    content                 : "";
    width                   : 0;
    height                  : 2px;
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    background-color        : #d1d1d1;
}
#site-footer .footer-top .top-menu ul li:hover a:after{
    width                   : 50%;
}
#site-footer .footer-top .top-menu ul li:first-child{
    margin-left             : 0;
}
#site-footer .footer-top .top-newsletter{
    position                : relative;
}
#site-footer .footer-top .top-newsletter button,
#site-footer .footer-top .top-newsletter input[type="text"]{
    display                 : inline-block;
    height                  : 40px;
    font-size               : 13px;
    border                  : 1px solid #c0c0c0;
    background-color        : #cacaca;
}
#site-footer .footer-top .top-newsletter button{
    width                   : 40px;
    position                : absolute;
    top                     : 0;
    right                   : 0;
}
#site-footer .footer-top .top-newsletter input[type="text"]{
    width                   : 240px;
    padding                 : 10px 50px 10px 10px;
    -webkit-box-shadow      : 1px 1px 0px 0px rgba(218, 218, 218, 1);
    -moz-box-shadow         : 1px 1px 0px 0px rgba(218, 218, 218, 1);
    box-shadow              : 1px 1px 0px 0px rgba(218, 218, 218, 1);
}
#site-footer .footer-top .top-newsletter button:hover,
#site-footer .footer-top .top-newsletter button:focus{
    outline                 : none;
    background-color        : #c1c1c1;
}
#site-footer .footer-top .top-newsletter input[type="text"]:hover,
#site-footer .footer-top .top-newsletter input[type="text"]:focus{
    outline                 : none;
    background-color        : #e8e8e8;
}
#site-footer .footer-middle,
#site-footer .footer-bottom{
    padding                 : 20px 0;
}
#site-footer .footer-middle{
    border-top              : 1px solid #c0c0c0;
    border-bottom           : 1px solid #c0c0c0;
}

我无法显示html代码，因为它超出了字符数限制，因此您可以在我们的网站资源中查看我们的html结构：

http://www.nsocialtr.com/insaat-sanal-gerceklik-vr-360-video.html

http://www.nsocialtr.com/index.html

网站中的页脚颜色显示问题

1 个答案: