Question

不知何故，我无法将页脚显示为我想要的所需颜色。有人能帮助我吗？

我的整个css：

        body{
            width:900px;
            margin: 10px auto;
            border-top  : 1px solid black;
            border-left  : 1px solid black;
            border-right  : 1px solid black;
            position:relative;
            min-height:550px;
            background-color:#B8BBBD;

        }
        header {
            height:150px;
            background:red;
            position:relative;
        }
        header div.nadpis {
            color:maroon;
            font-size:48px;
            position:absolute;
            left:50px;
            top:50px;
        }
        nav {
            min-height:20px;
            background: rgb(30,87,153); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 99%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(99%,rgba(32,124,202,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 99%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 99%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 99%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 99%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
        }
        nav ul {
            display:block;
            margin:0;
            padding:10px;

        }
        nav ul li {
            display:inline-block;
            padding:1px 10px;
            border-right: 1px solid black;
        }
        nav ul li:last-child{

            border-right: none;
        }
        nav a{
            color:white;
            text-decoration:none;
        }
        nav a:hover{
            text-decoration:underline;
            color: rgb(255,0,0);
        }
        main{
            float:left;
            min-width:690px;
            background-color: #fff;
            min-height:300px;
            padding: 5px 5px;

        }
        aside{
            float:right;
            width:200px;
            min-height:310px;
            background:orange;
        }
        }

        footer{
            min-height: 100px;
            background-color: #fff;
            clear:both;
            position: relative;
        }

Answer 1

放下后你还有一个额外的大括号。

Answer 2

这似乎不是与您发布的CSS相关的问题。 background-color标签在<footer></footer>标签上的工作方式与其他任何html元素相同。

以下是概念证明：http://jsfiddle.net/oqr84wsd/1/

您需要做的是验证您的CSS未被CSS声明中稍后调用的另一个css文件或用户代理工作表样式覆盖。一种方法是右键单击页脚并选择＆＃34;检查元素＆＃34;。如果您编写的CSS被其他样式覆盖，那么您的代码将在检查器的CSS窗口中显示一行。

我能想到的唯一另一种可能性是，如果您遇到重叠<div>的z-index问题

我不能在<footer> </footer>中使用背景色

2 个答案: