SIR
목록으로

css background 위에 black overlay 채택완료

달달콤이쨈
프로필 보기이 회원 글보기이 회원의 댓글보기
 9년 전 조회 2,383
답변 3
목록

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

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

 

374fe05d856d36aadc332560a0a1d875_1453479679_0886.PNG
 

#css

답변 3개

채택된 답변
+20 포인트

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

Copy 
<!doctype html><html><head><meta charset="UTF-8"><title></title><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">   <span id="boverlay"></span></div></body></html>
 
로그인 후 평가할 수 있습니다

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

image 클래스 또는 아이디라면

 

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

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

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

<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>

 

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

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

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

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

로그인
🐛 버그신고