• 締切済み

MacIEやOperaでも動作させたい

MacIEやOperaでも動作させたいのですが、わからないのです。宜しくお願いします。 <HEAD> <STYLE TYPE=\"text/css\"> <!-- #links0 { position:absolute; left:430;top:35; z-index:2 ;} .lays { position:absolute; left:70;top:380; width:200;height:160; clip:rect(0,200,160,0); line-height:150%; text-align:center; z-index:0 ;} //--> </STYLE> <SCRIPT LANGUAGE=\"JavaScript\"> <!-- function setBGCOLOR(layName,color){ if(document.getElementById){window.document.getElementById(layName).style.backgroundColor=color;} else{document.layers[layName].bgColor=color;} } function zindexLAYER(layName,zindex){ zindex = zindex - 0; if(document.getElementById){window.document.getElementById(layName).style.zIndex=zindex;} else{document.layers[layName].zIndex=zindex;} } function c02ini(){  setBGCOLOR(\'msg1\',\'#decdce\')  setBGCOLOR(\'msg2\',\'#decdce\') } function swtOnZ(layName){  zindexLAYER(\'msg1\',0);zindexLAYER(\'msg2\',0)  zindexLAYER(layName,2) } //--> </SCRIPT> </HEAD> <BODY onload=\"c02ini()\" text=\"#522c29\"> <DIV ID=\"links0\"> <A href=\"1.html\" onmouseover=\"swtOnZ (\'msg1\')\">1</A><BR> <P><A href=\"2.html\" onmouseover=\"swtOnZ (\'msg2\')\">2</A><BR> </DIV> <DIV CLASS=\"lays\" ID=\"msg1\"> <FONT>1</FONT> </DIV> <DIV CLASS=\"lays\" ID=\"msg2\"> <FONT>2</FONT> </DIV> </BODY>

みんなの回答

noname#199778
noname#199778
回答No.1

あらかじめz-indexも設定してあるスタイルシートのクラスを作成しておいて、スクリプトの動作ではdocument.getElementById(**).classNameを利用して、対象の要素のクラス名を変更することで、適用されるスタイルシートを入れ替え、z-indexの値を擬似的に操作するという方法ではいかがでしょうか。 Operaでも動作するDHTMLを作ろうとしたときに、この方法を利用したことがありますので、Operaではこの方法で動作してくれると思います。 MacIE(バージョンはいくつでしょうか?)では試したことがありませんので、これで解決できるかは不明ですが… 参考になれば…見当違いでしたら、ごめんなさい。

aido
質問者

お礼

ありがとうございました。 参考にさせて頂きます。