たぶん一日中、IE6 の新しいバグ (私にとって) を調べます。CSS スタイルの順序は重要です。スタイルは最初の子に対してのみ機能します (要素ではなく css ファイル内)。説明するのは難しいですが、例は私が何を意味するかを示します。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
#container #p.one
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container #p.two
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container
{
position: absolute;
z-index: 500;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="container">
<div id="p" class="one">123</div> <!-- change class "one" with "two" -->
</div>
</body>
したがって、クラス「one」をクラス「two」に変更すると、div のスタイルが失われます。スタイル 1 と 2 はまったく同じです。
しかし、あなたが変更した場合:
<div id="p" class="one">
と
<div id="p" class="two">
スタイルを次のように変更します。
#container #p.one
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container #p.two
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container
{
position: absolute;
z-index: 500;
width: 100%;
height: 100%;
}
に:
#container #p.two
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container #p.one
{
position: absolute;
left:50%;
width: 20px;
height: 20px;
background: green;
}
#container
{
position: absolute;
z-index: 500;
width: 100%;
height: 100%;
}
クラス「one」をクラス「two」と交換するだけで、クラス「two」は機能しますが、「one」は機能しません。これを修正する方法、または不可能ですか?