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]
*******************************************************************

Reply via email to