CSS 이미지 텍스트 투명성
먼저 배경이 반투명하고 내용이 불투명한 예를 보여줍니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<style type="text/css">
body{
background: #40ed90;
}
#container {
color: #154BA0;
background: #ff0000;
filter: Alpha(Opacity=10, Style=0);
opacity: 0.10;
position: absolute;
height: 200px;
width:500px;
z-index:20;
}
#text {
position: absolute;
height: 200px;
width:500px;
text-align:center;
z-index:30;
}
</style>
</head>
<body>
<div id="container"></div>
<div id="text">背景半透明但文字不透明</div>
</body>
</html>댓글 : 사용 위 DIV + CSS 구현
아래에서는 배경이 투명하고 내용도 투명한 예를 보여줍니다. 🎜>아아앙
