画像の透明性
749 ワード
例は次のとおりです.
filter:alpha(opacity=100)
.
IE 8以降はocatipyを使用する.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
background-image: url(1.png);
background-repeat:no-repeat;
width:680px;
height:341px;
margin:50px;
border:2px dotted;
}
div {
background-color:#00ffff;
width:320px;
height:180px;
background-image:none;
position:absolute;
margin-left:200px;
margin-top:-300px;
opacity:0.4;
}
div:hover {
border:#00ffff dotted 3px;
background-color:transparent;
}
</style>
</head>
<body>
<p></p>
<div></div>
</body>
</html>
IE 8の以前に使用されたコードは次のとおりです.filter:alpha(opacity=100)
.
IE 8以降はocatipyを使用する.