<style>
.news_text {
background:#cdcdcd;
opacity: 0.5;
}
.news_text:hover {
opacity: 1.0;
}
</style>
<div class=".news_text">
오늘의 뉴스는....
</div>div 에 투명도가 있음.
마우스 hover 되었을 때 text 가독성을 높이려고 투명도를 없애는
효과가 필요해서 해봄.... 잘됨.....
opacity 유효값이 궁금하여 검색 해봄...
http://www.w3schools.com/cssref/css3_pr_opacity.asp
Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque)
0.0~1.0 까지 값을 사용.... 끝....
'WEB 표준(HTML,CSS)' 카테고리의 다른 글
| HTML4 > HTML5 지원하지 않는 속성들 (0) | 2014.12.15 |
|---|---|
| [웹표준/CSS] img 사용시 수직 정렬 absmiddle (0) | 2013.02.21 |
| [Javascript] 크롬, 사파리... table colspan (0) | 2012.11.30 |
