background-color ｃｓｓ
あるテーブルの<td>タグに2色のbackgroundcolorを指定し、Aの場合はA色のbackgroundcolorを指定し、Bの場合はA色の上にB色のbackgroundcolorを重ねたいですが、ソースは下記の要となっていますが、私にわかるのが<div>での指定しか分からなくて、それ以外の方法があれば教えていただきたいです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j" />
<title>新規予約</title>
</head>
<body>
<style>
.test{
position:relative;
width:100px;
height:100px;
z-index:2;
background-color:rgb(255,0,255);
}
.test_2{
position:relative;
top:-20px;
width:50px;
filter: alpha(opacity=50);
opacity:0.5;
}
.test_3{
position:relative;
color:rgb(255,255,255);
height:100px;
background-color:rgb(0,0,255);
z-index:1;
}
.test_4{
position:relative;
color:rgb(0,0,0);
weight:100px;
z-index:2;
}
</style>
<div class="test">
<div class="test_4">
<a href="test">テスト</a>
</div>
<div class="test_2">
<div class="test_3">
</div>
</div>
</div>
</body>
</html>
お礼
出来ました、有難うございました！