Previous Message
Next Message

Cascade Image override ?

Sent by Crest Christopher on 28 July 2016 14:02


The beginning of the style sheet;

position:relative;
       
background-image:url("l2b_innertop.png"),url("l2b_innerfooter.jpg"),url("background-paper.jpg");

Further down the cascade within a break point
        position:relative;
        background-image:none,none,url("images/bg_paper.Hi.jpg");
        background-repeat:no-repeat,no-repeat,repeat;

At present regardless what break point, background-paper.jpg is always
being used and as you can see it should get overwritten by
bg_paper.Hi.jpg when the break point changes, min-width is larger;
considering the beginning rule for the element for the background-paper
has the background image at the third position, I placed the paper image
for the break-point at the third position as well, with no success ?



> Karl DeSaulniers [EMAIL-REMOVED]>
> Thursday, July 28, 2016 1:18 AM
> Have you checked inspect element to see how the browser is handling it?
> That is the first place I would check and test.
>
> Also, are you sure you're clearing the cache on you browser before
> viewing edits?
> I have had this cause issues on edits before. The edits were there,
> but I saw a cache file.
> So I thought the edits didn't work.
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
>
>
>
>
>
> ______________________________________________________________________
> 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/
> Crest Christopher [EMAIL-REMOVED]>
> Wednesday, July 27, 2016 3:31 PM
> Correct me if I'm wrong but shouldn't a rule further down the
> cascading over ride any previous rules before ?
>
> 1st.
> #inner {
>         position:relative;
>        
>
background-image:url("/wdp/wip/images/l2b_innertop.png"),url("/wdp/wip/images/l2b_innerfooter.jpg"),url("/wdp/wip/background-paper.jpg");
>         background-repeat:no-repeat,no-repeat,repeat;
>         padding-bottom:10%,padding-bottom:0;
>         background-size:100%;
>         background-position:top,bottom
>         }
>
> 2nd (Or further down in the cascade) This rule override the previous
> rule for the same element ? My paths are setup correctly, the image is
> on the server but doesn't load ?
> #inner {
>         background-image:url("/wdp/wip/images/bg_paper.Hi.jpg");
>         background-repeat:repeat;
>         }

______________________________________________________________________
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: