set background-color to NONE
mike
- css
1 Martin Hölter-1 Gernot Back1 MudGuard-1 Gernot Back1 MudGuard
Hi,
in my CSS I defined a background-color for A:HOVER. This works pretty nicely. Now I have one section on my site, where I don't want to have this hover effect. I can override the background-color, but just with another color. I cannot reset it to nothing...
What I was trying to do was like this: { background-color: none; } which is not working. I can put every color there and it is working. But I want to put NO color. How to do this? Is there a special command or keyword?
Thanks,
Mike
Hallo Martin, hi Mike!
Try
background-color:transparent;
.
How is this one?
<body style="[code lang=css]background-color:#ff0000
~~~">
<a href="#" style="`color:black`{:.language-css}" onmouseover="`document.body.style.backgroundColor=''`{:.language-javascript}">don't touch me, else I will set backgroundcolor to bladhiblahdiblah!</a>
</body>[/code]
Regards, Gernot
Hi,
How is this one?
Stupid.
Why use javascript to set CSS properties if CSS alone can do the job?
cu,
Andreas
Hallo MudGuard,
Stupid.
Why use javascript to set CSS properties if CSS alone can do the job?
Not stupid at all, because CSS alone can't do the job as described!
As far as I understood Mike, he wanted to exempt a section of an ancestor element from the hover effect. Anyway that will only work for the ancestor element as a whole and not just for the section and it will only work with javascript since there are no ancestor selectors in CSS!
Gruß Gernot
Hi,
As far as I understood Mike, he wanted to exempt a section of an ancestor element from the hover effect.
Where do you read anything about ancestor elements (or problems with selecting the elements)?
Mike's problem was that he tried (in vain) to use the non-existing value 'none' instead of the existing value 'transparent'.
cu,
Andreas