Hi Nick,

 

The issue shown occurred on two different PCs and one Mac running
windows.

It doesn't occur on the Mac version of Firefox 3.

My PC is using version 3.05.

 

Here's a cropped screen grab of the supplied code, showing the effect
after the mouse hover.

http://websemantics.co.uk/temp/example_firefox_3_opacity_issue.jpg

 

 

 

mike

 

 

 

From: [email protected] [mailto:[email protected]]
On Behalf Of Nick Cowie
Sent: 19 December 2008 11:56
To: [email protected]
Subject: Re: [WSG] re: Firefox v3 and opacity on opacity

 

Mike

I did not have any of that problem or any other issues with Firefox
3.04, 3.05 or 3.1b2 on Mac OS X 10.5.6 

Nick

2008/12/19 Foskett, Mike <[email protected]>

Hi all,

 

After finally upgrading Firefox to version 3.05, I encountered a rather
unusual bug.

 

When opacity is set to more than one level of container, contained links
render badly on hover.

Hovered link text turns white on white, which doesn't return to the
natural state on mouse out.

Scrolling the link off screen restores the link colour.

 

Here's a demo which only causes issues in Firefox v3.

 

<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">

<head>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <title>opacity</title>

  <style type="text/css">

     html * {border:0 solid; padding:0; margin:0; list-style:none}

     a,

     a:visited {color:#5E6277}

     a:active,

     a:focus{color:#c60}

     a:hover{color:#000}

     #wrapper{border:1px solid #ccc; width:200px; padding:20px;}

     #panel{border:1px solid #f00; margin:0 auto; background:#eee;
padding:10px}

  </style>

</head>

<body>

     <div id="wrapper" style="opacity:0.9">

           <div id="panel" style="opacity:0.9">

                <ul>

                     <li><a href="#">Gzip content: Speed up your
site</a></li>

                     <li><a href="#">Accessible AJAX glossary</a></li>

                     <li><a href="#">Displaying code in web
pages</a></li>

                </ul>

           </div>

     </div>

</body>

</html>

 

Does anyone out there now of a solution?

 

Mike Foskett

http://websemantics.co.uk/

 

 

 

 



---- Disclaimer ----
This is a confidential email. Tesco may monitor and record all emails.
The views expressed in this email are those of the sender and not Tesco.

Tesco Stores Limited
Company Number: 519500
Registered in England
Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire
EN8 9SL
VAT Registration Number: GB 220 4302 31


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
******************************************************************* 




-- 
Nick Cowie
http://nickcowie.com

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************

-------------------Warning------------------------

This e-mail is from outside Tesco - check that it is genuine. Tesco may
monitor and record all e-mails.



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************

Reply via email to