CSS 배경이미지만 어둡게 하는 방법좀 알려주세요

CSS 배경이미지만 어둡게 하는 방법좀 알려주세요

QA

CSS 배경이미지만 어둡게 하는 방법좀 알려주세요

본문

1028775888_1583288070.3531.png

 

 

지금 배경을 어둡게 했는데 글씨들까지 다 어둡게 되어 버려서 배경만 어둡게 햇으면 좋겠습니다.

어떻게 하는지 좀 알려주세요. 초보한테는 너무 힘드네요

 

 

<div style="background-color:#000;filter: brightness(50%);">
    <header style="background:url(<?php echo $back_image; ?>) no-repeat;height:302px;text-align:left;padding-top:120px;" class="lpad">
         <div style="font-family:Nanum Gothic;font-weight:bold;"><span style="background-color:#fae100;padding:3px 10px;color:#000;"><?php echo $view['wr_7']; // 분류 출력 끝 ?></span>  <span style="color:#fff;">조회수 : <?php echo number_format($view['wr_hit']) ?>회</span></div>
         <div style="font-size:18px;margin-top:8px;color:#fff;"> <?php echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력 ?></div>
         <span style="font-family:Nanum Gothic;color:#fae100"><?php echo get_text($view['wr_2']); // 글제목 출력 ?></span>
    </header>
</div>

이 질문에 댓글 쓰기 :

답변 3

스타일

.bg { psition:relative; }

.bg:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.5); display:block; z-index:1; }

.info { position:absolute; z-index:2; } // 위치는 top, left, transform등으로 조정하세요.

 

코드는

<div>

     <div class="bg">

          <div class="info">배경위 내용</div>

     </div>

     <div>하단내용</div>

</div>

 

위 방식으로 작업해보세요.

background:rgba(0,0,0,0.5);

rgb로 색설정후 0.0~1로 투명도 설정하세요~

답변을 작성하시기 전에 로그인 해주세요.
전체 31
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT