Previous Message
Next Message

Cascade Image override ?

Sent by Karl DeSaulniers on 28 July 2016 15:03


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




> On Jul 28, 2016, at 8:39 AM, Crest Christopher [EMAIL-REMOVED]> wrote:
> 
> 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/

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