Question

您好，
就像我在标题background-image:none;中所说的那样不起作用，因为css3 background-image:url('...');每次文件都是新的时返回一个新图层。我试图删除图像，因为我的媒体查询更改了背景大小。所以我想知道解决方法是什么。任何人都可以帮忙吗？

     #splashHeader div.headerSplash{
            height: 254.5px;
            width: 100% ;
            display: block;
            background: none ;
            background-image: url("/static/woman350.jpg");
            background-position: center;

            background-size:  auto 254.5px;
            background-repeat: no-repeat;
            text-align: center;
            margin-left: auto;
            margin-right: auto;

        }
    @media all and (min-width: 640px) {
       #splashHeader {
            background-color: initial;
            padding: 0;
            position: relative;
            background: none ;
            background-size: 350px;
            background-image: url('/static/woman500px.jpg');
            background-repeat: no-repeat;
            background-position: right top;
            background-size:  auto 350px;
        }
}  
@media all and (min-width: 768px) {
   #splashHeader{
        background-color: initial;
        padding: 0;
        position: relative;
        background-size: 350px;
        background: none;
        background-image: url('/static/woman600px.jpg') ;
        background-repeat: no-repeat;
        background-position: right top;
        background-size:  auto 350px;
    }
}

@media all and (min-width: 960px) {
 #splashHeader .innerSection{
    height: 500px;
    background: none;
    background-image: url('/static/woman_maximumSize.jpg');
    background-color: initial;
    padding: 0;
    position: relative;
    background-size: auto 500px;
    background-repeat: no-repeat;
    background-position: 70px 0px;

    }

}

stiking的图像是具有背景位置的图像：右上角;

Answer 1

它开箱即用，你的错误必须在你没有向我们展示过的地方。

div {
  background-image: url('http://jsfiddle.net/img/logo.png');
  background-color: black;
  width: 125px;
  height: 23px;
  margin-bottom: 10px;
}
div + div {
  background-image: none;
}

<div></div>

<div></div>

Answer 2

不要在CSS中使用background：none。

原因是，background：none使所有背景属性都为无。

可能是因为你的其他背景属性无法正常工作。

只需删除背景：无处不在的CSS并尝试运行代码。

css3：删除背景图片（background-image：none; not working）

2 个答案: