테스트 사이트 - 개발 중인 베타 버전입니다

main page Header Slider 글자위치 해상도별 위치 채택완료

섭섭이당 7년 전 조회 1,916

1. http://tmkorea.iptime.org/ 

   위의 주소 header slider 글위치가 해상도별로 변경됩니다 

   해상도가 변해도 일괄적으로 중앙에 오도록 하려면 어떻게 해야 할까요?

2. Slider 이미지가 중간이 아닙니다 해상를 키우면 이미지기 왼쪽기준으로 나오는데 이미지를 

   중앙에 위치하게 할수있나요?

 

/*---------- Header Slider ----------*/ .header-slider-bg:after {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";background:rgba(0,0,0,0.35)} .header-slider-bg > .container {position:relative;z-index:5} .header-slider-bg h1 {color:#fff;font-size:24px;font-weight:600;text-align:center;margin:-620px 0 30px} .header-slider-bg h2 {font-size:14px;font-weight:600;color:#fff;text-align:center; margin:10px 0 30px} .header-slider-bg p {color:#ededed;font-size:12px;font-weight:200;text-align:center; margin:10px 0 30px} @media (max-width:1920px) {     .header-slider-bg h1 {font-size:54px;line-height:80px;margin-bottom:00px}     .header-slider-bg h2 {font-size:12px;font-weight:600;color:#fff;text-align:center; margin:10px 0 30px} } @media (max-width:992px) {     .header-slider-bg h1 {color:#fff;font-size:18px;font-weight:600;text-align:center; margin:-200px 0 30px}     .header-slider-bg h2 {font-size:12px;font-weight:600;color:#fff;text-align:center; margin:10px 0 30px}     .header-slider-bg p {display:none}     }

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

답변 1개

채택된 답변
+20 포인트
bonobono
7년 전

텍스트는 해상도별로 가운데로 가는걸로 보입니다,,

 

현재 bacgkround가 아닌 img로 bg를 깔아서 아래 속성으로 화면을 채울 수 있습니다.

.header-slider-bg > img {width:100%} 추가

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

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

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

로그인