透明度を変更する場合は『 opacity: 数値;』
数値の値は『0.0(完全に透明)~1.0(完全に不透明)』の間。
.opacity01:hover{
color:#fff;
/ * ▼透明度▼ * /
opacity: 0.7;
-moz-opacity: 0.7;
}
=====
※IE用filterプロパティ
=====
ただし、IEでは背景の透明度が下がらないようなので、
ボーダーの色を変更して擬似的に透明度を下げた表現をするようにする。
尚、htcファイルの指定をしていない場合は背景も透明になる。
.opacity01:hover{
color:#fff;
border:2px solid #ddd;
/ * ▼透明度▼ * /
opacity: 0.7;
-moz-opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
progid:DXImageTransform.Microsoft.Shadow(Color='#999999',
Direction=135, Strength=2);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"
"progid:DXImageTransform.Microsoft.Shadow(Color='#999999',
Direction=135, Strength=2)";
}