why isn't the CSS - background:transparent; - working?

By cmcguinness on 20 May 2009 at 20:00 UTC

Could any suggest to me why - background:transparent; - isn't working in the css on this page www.brainplay.ie

Thank you to everyone you takes the time to read this post as well as those who offer any suggestions.

Comments

nevets commented 20 May 2009 at 20:06

Which part/element of the page are we talking about?

cmcguinness commented 20 May 2009 at 20:08

The part with the white patch behind the navigation on the left. The gradient should be seen from the body div.

cmcguinness commented 20 May 2009 at 20:09

and it's the div#sidebar-left which is giving me trouble. Thanks!

nevets commented 20 May 2009 at 20:14

The problem comes from div#content-outer-wrap and and this setting,

background:transparent url(/themes/lightfantastic/./assets/images/content-outer-wrap.png) repeat-y scroll left top;

If I use firebug to change to

background:transparent none;

it looks ok (not sure the purpose that image is meant to serve).

cmcguinness commented 21 May 2009 at 05:48

Thanks, the image is there as it's part of the original theme..... and I've only added the gradient now.

All the best,
Ciaran

perke

English

Netherlands

commented 20 May 2009 at 20:14

I will guess you're talking about left sidebar... remove the background image from div#content-outer-wrap and it will be ok.

cmcguinness commented 21 May 2009 at 05:48

Thanks for your suggestion, perfect!!!

All the best