|
| |
|
|
curious monkey
Posts: 543
Joined: 4/28/2006
From: The lower handle of US
Status: offline
 |
Image opacity - 6/5/2006 14:01:20
here's my problem. I'm trying to get a opacity when the image is moused over here the CSS:a.img:link {border:none;}
a.img:visted{border:none;}
a.img:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
and the HTML <a class="img" href="#"><img class="link" src="XYZ.JPG" align="left" alt="Sample"></a>
I'm stuck why this isn't working.
_____________________________
The way it is now, the asylums can hold all the sane people but if we tried to shut up the insane we should run out of building materials.
|
|
|
|
rdouglass
Posts: 9186
From: Biddeford, ME USA
Status: offline
|
RE: Image opacity - 6/5/2006 14:15:03
quote:
Internet Explorer doesn't like opacity.
I have this on one of my sites and it works just fine in IE:
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
Doesn't look a whole lot different to me.
EDIT: I'm not using in on hover tho...
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
|
|
rdouglass
Posts: 9186
From: Biddeford, ME USA
Status: offline
|
RE: Image opacity - 6/5/2006 14:33:44
Does it work if you use it inline?
Maybe there's an over-riding rule somewhere. I try them inline quickly just to rule that out.
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
|
|
curious monkey
Posts: 543
Joined: 4/28/2006
From: The lower handle of US
Status: offline
|
RE: Image opacity - 6/5/2006 14:44:05
quote:
ORIGINAL: rdouglass
Does it work if you use it inline?
Maybe there's an over-riding rule somewhere. I try them inline quickly just to rule that out.
but would I have to do the entire page as inline or can I just have a small section like this one div as inline?
_____________________________
The way it is now, the asylums can hold all the sane people but if we tried to shut up the insane we should run out of building materials.
| |
|
|
|
Tailslide
Posts: 5972
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Image opacity - 6/5/2006 14:54:12
This following code works locally for me:
a.img img {border:none;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
a.img:hover img {border:none;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
Don't ask me why but sometimes IE seems to need a kick start with a plain "a" rule rather than the psuedo "a:link" rule.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 5972
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Image opacity - 6/5/2006 15:08:54
Anyone?.... Anyone?
Nope bugger-all real idea.
All I can think of is either:
1. Maybe you need to set the "off" opacity too
2. Kicking IE into action with the straight "a" rule for the link rather than the "a:link" rule.
But those would be guesses. And if guesses were ponies I'd own a pie factory.
(sorry about the pony thing)
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
look at the link I provided at the beginning.
