1

我对 css 很陌生，我在本地工作，所以我无法提供确切的地址，但这里是：

我正在使用具有响应式布局的wpexplorer 适应主题。我在 style.css 中设置了包装器背景，如下所示：

    #wrap{
    background: url(images/scribble-top.jpg) center top no-repeat #fff;
    margin: 0 auto;
    width: 1040px;
    padding: 0 30px;
}

当我进入 responsive.css 开始设计其他视点时，我想为平板电脑纵向视图中的 wrap div 使用新的背景图像，但由于某种原因，新图像现在将完全显示（只是保持空白）并且当我将其缩小到移动视口时，style.css 背景再次出现。这是我的编码：`

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

body {background: #000;}
    #wrap {background: url(images/scribble-top-680.jpg) no-repeat center top #fff; width: 680px; overflow:inherit;}
    .hp-highlight, .portfolio-item, .home-entry, #footer-one,#footer-two,#footer-three,#footer-four{ width: 155px;  }
    #home-tagline{ font-size: 21px; }
    #search { text-indent: -9999px; }
    .loop-entry-thumbnail{width: 35%;}

}

应该注意的是，新图像是新 wrap div 大小的确切宽度，并且高度不是相对的，因为它只是 wrapper 顶部的横幅类型图像，因此不应干扰 wrap div 高度。

我究竟做错了什么？

在此先感谢您的帮助！！！`

4

1 回答 1

0

add !important after your background declaration like so:

#wrap {
    background: url(images/scribble-top-680.jpg) no-repeat center top #fff !important; 
    width: 680px;
    overflow:inherit; 
}
于 2012-10-14T18:03:29.073 回答