테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

css background 위에 black overlay 채택완료

달콤이쨈 9년 전 조회 2,310
답변 3
목록

= 구현을 어떻게 해야될까요?

다 회색빛으로 가려질뿐이네요~

 


 

#css
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
p
port
9년 전

네이비칼라님의 내용에서 조금더 보충해 주었습니다.

</p><p><!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title></p><p><style>
#image{position:relative;width:300px;height:300px;background:url(이미지경로)}
#boverlay{position:absolute;top:0;left:0;width:300px;height:300px;background:#000;opacity:0.4}
</style> 
</head>
<body>
<div id="image"></p><p>   <span id="boverlay"></span></p><p></div></p><p></body>
</html></p><p>
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

그

image 클래스 또는 아이디라면

 

image:hover 로 사용시 마우스오버시 효과가 사용됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

평
평정심
9년 전

<style>

#image{position:relative;width:300px;height:300px;background:url(이미지경로)}

#boverlay{position:absolute;top:0;left:0;width:300px;height:300px;opacity:0.65;} 

</style> 

 

<div id="image">

   <span id="boverlay"></span>

</div>

 

이런 식으로 처리하면 될텐데요 ㅎㅎ 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인