0

私はここで同様の質問を探してみましたが、見つけることができなかったので、ここに来ます：

私はこのhtmlを持っています（「+ whatever + @」はコードビハインドファイルにあるので、そこから取得するいくつかの変数を入れます）：

<div id='ReferenceContainer"+UniqueID+@"' style='background-color:"+BackcolourOFF+@"; width:"+CompWidth+@"; height:"+CompHeight+@";'>
    <div id='Reference"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; '>
        <div id='RefTextContainer"+UniqueID+@"' style='float:left; width:"+CompWidth+@"; height:"+CompHeight+@"; ' >
            <div id='RefTitleCon' style='margin-top:"+RefTitleMargin+@"px; color:"+RefTitleColor+@"; z-index:-1;' ><p><b>"+RefTitle+@"</b></p>    </div>  
            <div id='RefTextCon'><p>"+RefText+@"</p></div>
        </div>
        <div id='RefPicContainer"+UniqueID+@"' style='float:right;'>
            <img id='RefImg"+UniqueID+@"first' class='first' name='RefImg"+UniqueID+@"' src=" + StartImg + @" style='position:absolute;' ></img>
            <img id='RefImg"+UniqueID+@"second' class='second' name='RefImg"+UniqueID+@"' src=" + AltImg + @" style='display:none;' ></img>
        </div>
        </div>
    <div id='ScriptContainer"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@";  position:relative; top:-"+CompHeight+@"px; left:0px;' onMouseOver='ChangeBackcolourON"+UniqueID+@"()' onMouseOut='ChangeBackcolourOFF"+UniqueID+@"()'></div>
</div>

今Firefoxでは、すべてが完璧に機能します。div "ScriptContainer"は全体の前にあり、マウスが出入りすると、関数は正常に機能します。しかし、IE8はすべての前にテキストを配置すると、関数が希望どおりに機能しなくなります。「ChangeBackcolourOFF」は、マウスがすべての前にあるテキストに入るたびに呼び出され、「ChangeBackcolourON」は、マウスがテキストから「Scriptcontainer」に入るたびに呼び出されます。

したがって、テキストを「Scriptcontainer」またはその他のソリューションの背後に強制的に配置する方法を理解する必要があります。

回答ありがとうございます

4

1 に答える 1

0

さて、私は実際に試行錯誤してこれを理解しています。だから私は共有すると思いました。

どうやら、「Scriptcontainer」に背景色がない場合、IE はテキストを前に配置しますが、「Scriptcontainer」に背景色がある場合、テキストは後ろに配置されます。

そこで、「Scriptcontainer」に背景色を付けて、filter:alpha(opacity = 0); で透けて見えるようにしました。不透明度: 0; このように：

<div id='ScriptContainer"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; position:relative; background-color:#ffffff; filter:alpha(opacity = 0); opacity: 0;' onMouseOver='ChangeBackcolourON"+UniqueID+@"()' onMouseOut='ChangeBackcolourOFF"+UniqueID+@"()'>

この問題に対する他の、おそらくより良い解決策があるかどうかはわかりませんが、私にとってはうまくいくようです。

于 2010-06-10T11:40:05.533 に答える