ＩＥでは無理でしょうか？
昨日質問させていただいたところ回答を得、いったん質問を閉じましたが、
ＩＥ6で確認しましたら動かないので、もう一度、質問させていただきます。
(MozillaのみＯＫ、ネットスケープもオペラも動きませんが）とりあえずはＩＥ6でだけは見れるようにしたいです。どうしたらＩＥ6で見れますか？もしくは見れない理由がありますか？
ご教授いただければ幸いです。
よろしくお願いいたします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<style type="text/css">
body,#a a,#b a,#c a{color:#fff;background-color:#000; }
</style>
</head>
<body>
<div id="a"><a href="/">A</a>
</div>
<div id="b"><a href="/">B</a>
</div>
<div id="c"><a href="/">C</a>
</div>
<script type="text/javascript">
//@cc_on
window.onload =
function () { O('a',0,2,50); O('b',0,2,50); O('c',0,2,50); }
function O(i,o,t,w){var s=document.getElementById(i).style,f=function _(){s./*@if()filter='alpha(opacity='+o+')'@else@*/opacity=o/100/*@end@*/;0<=(o+=t)&&o<=100&&setTimeout(_,w)}()}
</script>
</body>
</html>
お礼
回答ありがとうございます。 ややこしくなるかと思って簡略化して書いたのですが、 aはヘッダ、b-2がレフトナビゲーション、bがレフトナビゲーションとコンテンツを囲んでいるボックスです。 実現しようとしているのはヘッダーのロゴ周りの画像がメイン部分の背景よりも前でレフトナビよりも下、というものです。 それに、すでにhtmlとcssを組み終わった後でのデザイン変更なので 根本からhtmlをひっくり返すのはちょっとやりたくない感じです。 cssのみで実現したいのですが、やはり無理なのでしょうか・・・。