Previous Message
Next Message

Cascade Image override ?

Sent by Tom Livingston on 28 July 2016 16:04


On Thu, Jul 28, 2016 at 10:42 AM, Karl DeSaulniers [EMAIL-REMOVED]>
wrote:

> Hi Crest,
> I don't think you can do it that way.
>
> > background-image:none,none,url("images/bg_paper.Hi.jpg");
>
> For pseudo resetting of background-image you have to declare the reset
> separate and before the new background-image with url(I believe).
> try this.
>
> ...
> background-image:none;
> background-image:url("images/bg_paper.Hi.jpg");
> ...
>
> That way it cascades.
> Initially clearing with none,
> then sets with the new url.
>
> Otherwise you could possibly try..
>
> background-image:url(''),url(''),url("images/bg_paper.Hi.jpg");
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
This:

background-image:none,none,url("images/bg_paper.Hi.jpg");

should work. Same as I did here:

 @media screen and (min-width: 480px){
.test{
position: relative;
background-image: url("img/img1.jpg"), url("img/img2.jpg"),
url("img/img3.png");
background-repeat: no-repeat;
background-position: 0 0, 500px 0, 1000px 0;
height: 500px;
width: 5000px;
}
}
@media screen and (min-width: 900px){
.test{
background-image: none, url("img/img4.jpg"), none;

}
}

Just use the correct order and positioning for the new image.



-- 

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: