Previous Message
Next Message

Remove inherited background image?

Sent by Zoe M. Gillenwater on 28 April 2006 13:01


Jeff Chastain wrote:
> I have a multi-level list in which the top level list item has a background
> image applied.  The background image is being inherited by all of the list
> items as expected, but I am trying to disable it for all of the sub levels.
> I tried a 'background-image: none' which seems to work for FireFox, but not
> IE of course.  Is there a way to do this?
>  
> <ul id="list">
>     <li>  <-- apply background image here
>         <ul>
>             <li>  <!--- but not here
>  
> #list li { background: url('test.gif'); }
> #list li li { background: none; }
>  
>   

Jeff,

I'm betting there is something else in your page or CSS that is causing 
the conflict. Can we see your page please?

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: