Ingo Chao schrieb:
Jason Baker schrieb:
> ... http://www.onejasonforsale.com/
... example html:
<div id="nav">
<a href="front.html">home</a>
</div>
most relevant css:
div#nav
{
position: absolute;
top: 90%;
left: 3%;
z-index: 2;
}
div#nav a
{
color: black;
background-color: white;
margin: 2em 0.5em;
padding: 0.10em 0.30em;
font-family: helvetica, sans-serif;
font-size: 14px;
z-index: 3;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}
div#nav a:hover
{
border-style: dashed;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
Only tested in your snipped (I don't want to insist ...)
Filter only apply to elements which have "layout", and any dimension
will let your link gain this quallity
/* \*/
* html #nav a {height:1%}
/* */
border and filter are back, but you'll probably have to adjust the
positioning.
Jason, I have to apologize.
My fix does only work when IE6 renders the document in quirks mode (I
did just test your snippet and forgot a complete DOCTYPE setting).
In standards mode, you'll have to add layout _and_ make the link block level
/* \*/
* html div#nav a { display: block; width:3em;}
/* */
or
/* \*/
* html div#nav a { display: inline-block; }
/* */
or
/* \*/
* html div#nav a { float:left; }
/* */
to see the link border and to see the filter effect.
sorry again.
Ingo
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
