gpt4 book ai didi

CSS3 : remove background image (background-image:none; not working)

转载 作者:行者123 更新时间:2023-11-28 16:34:29 27 4
gpt4 key购买 nike

你好,
就像我在标题中所说的 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;

}

}

最引人注目的是background-position: right top那张;

最佳答案

它开箱即用,您的错误一定是在您没有向我们展示的地方。

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>

关于CSS3 : remove background image (background-image:none; not working),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30737157/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com