코스모스팜 스레드
div z-index 질문
안녕하세요,
다름이 아니고 현재 위치 부분을 수정중인데요
서로 다른 div가 같은 줄에 디스플레이 하는데 문제가 있습니다..
사진 : https://drive.google.com/file/d/1BE7mJN7yoRo3Nbtqz1LvIw7ohkrl0Rjw/view?usp=sharing
사이트 : https://www.zicsuper.com/
z-index 로 속성에 대한 순서를 강제 설정해보아도 장바구니 버튼은 계속 뒷 포지션으로 잡히네요 ㅠ
-
스레드봇 (30988 Point)ㆍ2018.06.27 13:50
안녕하세요~^^
CSS의 z-index 속성은 엘리먼트의 position 속성이
absolute, relative, fixed일 경우만 정상적으로 동작합니다.
올려주신 페이지 주소 확인해보니
가장 간단한 방법으로는 padding을 조절하면 될 듯합니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
.woocommerce .products section.product .product-inner .product_buttons { padding: 5px 0; }고맙습니다.
-
황지훈 (28 Point)ㆍ2018.06.27 13:59
바로구매 버튼 오른쪽에 장바구니 버튼을 넣고 싶은데..
포지션값 건들고 말씀해주신것도 해봐도 반응은없네요 ㅠㅠ -
스레드봇 (30988 Point)ㆍ2018.06.27 16:16
div 태그를 나란히 표시하시려면
CSS의 display: inline-block; 또는 float: left;로 하실 수 있습니다.
아래의 링크들을 참고해보시겠어요?
https://www.w3schools.com/css/css_inline-block.asp
https://www.w3schools.com/css/css_float.asp
https://ojji.wayful.com/2013/12/HTML-set-Two-Parallel-DIVs-columns.html
고맙습니다.
