親スパンの境界線をie7の子スパンの前に表示することはできますか？

私は影がテキストの後ろに来るようにしたいと思います。誰かが私が間違っていることを見ていますか？親スパンの境界線をie7の子スパンの前に表示することはできますか？

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > 

<style> 
.tooltip{ 
background-color: #ffffe1; 
position: absolute; 
border-style:solid; 
border-width: thin; 
border-color: #000000; 
z-index: 25; 
} 

.tooltip_shadow{ 
background-color: #dadbda; 
position: absolute; 
width: 100%; 
height: 100%; 
left: 5px; 
top:5px; 
z-index: -1; 
} 
</style> 

<SPAN style="TOP: 86px; LEFT: 39px" class=tooltip> 
    <SPAN style="Z-INDEX: 15">This is a message!</SPAN> 
    <SPAN class=tooltip_shadow> 
    </SPAN> 
</SPAN>

おかげで、 Grae

出典

2011-01-03 GC_

私はそれが不可能であることを知っていました！ちょうど冗談、来なさいか。 –

私はあなたが実際に影によってacomplishしようとしているのか分からないが、私はHTMLのこの作品は、構文エラーをたくさん持っていることを知っています。標準化した後、divの下にdivがあるので、灰色の背景があります。あなたは何を遂行しようとしていますか？

これはあなたが探しているものですか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<style type="text/css"> 
    .tooltip{ 
     position: absolute; 
    } 

    .tooltip_shadow{ 
     background-color: green; 
     position: absolute; 
     width: 100%; 
     height: 100%; 
     left: 5px; 
     top: 5px; 
    } 

    .tooltip_content 
    { 
     background-color:red; 
     position:relative; 
     border-style:solid; 
     border-width: thin; 
     border-color: #000000; 
    } 
</style> 

</head> 

<body> 
    <div style="top: 86px; left: 39px;" id="wvTooltipdiv_1" class="tooltip"> 
     <div class="tooltip_shadow"></div> 
     <div class="tooltip_content">This is a message!</div> 
    </div> 
</body> 
</html>

出典

2011-01-03 19:29:05 Marnix

これはスパンでなければなりません。divは可変幅ではありません。ありがとう、結構です！ –

スパンはFFとIE8のdivと同じ結果を返します。ツールチップの下にちょうど灰色の背景。実際には動作しますか？ – Marnix

また、あなたが送ったサンプルでは、影がテキストの前にあります。 –

親スパンの境界線をie7の子スパンの前に表示することはできますか？

答えて

関連する問題