그림자효과 주기 위해 :before,:after 태그를 사용했는데 적용이 안되요..
한말글
아래처럼 변형된 그림자 효과를 테스트히가ㅣ 위해 간단하게 만들었습니다.
그런데 z-index를 해제 해보면 분명히 그림자 생기는 각도 틀어진 형태가 있는데.. 뒤로 숨겨져서 그림자만 나와야하는데..z-index를 적용하면 다 안보입니다. ㅠㅠ ㅠㅠ도져히 이유를 모르곘네요.. 몬가 빠뜨린거 같기도하고.. 근데 몬지는 몰겠네요..크롬에서 테스트 중입니다. 아시는 분 답변 부탁드려요~..
bodydiv class=wrapper div class=box/div/div/body
.box {position:relative;width:300px;height:80px;background:#f6769a;margin:0 auto;}.box:before {z-index: -1;position: absolute;content: :bottom:10px;left: 10px;width: 50%;top: 80%;max-width:300px;background: #777;-webkit-box-shadow: 0 15px 10px #777;-moz-box-shadow: 0 15px 10px #777;box-shadow: 0 15px 10px #777;-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |
| 2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |
| 2700230 | 질문이여 ! | 뿡뿡몬 | 2025-07-03 |
| 2700205 | 액션스크립트책 좀 추천해주세요. (10) | 화이트캣 | 2025-07-02 |
| 2700173 | 자바 소스인데 어떤게 에러인지..? (1) | 호빵녀 | 2025-07-02 |
| 2700142 | 하단이 붙어있는 가변 레이아웃구조 질문드립니다. | 이플 | 2025-07-02 |
| 2700089 | 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) | 여름 | 2025-07-01 |
| 2700033 | 배경에 그라데이션을 넣으려고 하는데요.. (4) | 화이티 | 2025-07-01 |
| 2700005 | [질문] TextField 객체의 실제 높이 알아오는 방법 ? | 천사의눈물 | 2025-07-01 |
| 2699978 | FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) | 데이비드 | 2025-06-30 |
| 2699944 | 자바스크립트가 많은 사이트는... (6) | 희나리 | 2025-06-30 |
| 2699918 | 브라우저마다 다른 input과 텍스트 정렬 (3) | 늘봄 | 2025-06-30 |
| 2699887 | 동적텍스트를 그래픽으로?? (2) | 족장 | 2025-06-30 |
| 2699862 | scope넣기 (1) | 아인 | 2025-06-29 |
| 2699835 | exe로 만드는 방법을....알려주세요.. (5) | 방방 | 2025-06-29 |
| 2699809 | 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) | 반혈 | 2025-06-29 |
| 2699757 | 리스트뷰에 있는 내용을 랜덤으로 추출 | 세실 | 2025-06-28 |
| 2699725 | JMX 질문입니다. (1) | 시나브로 | 2025-06-28 |
| 2699695 | 으으아으ㅏ으ㅏ 정말미쳐버리겟네요 | 진달래 | 2025-06-28 |
| 2699665 | absolute에 대해서 궁금한게 있습니다 (1) | 영빈이 | 2025-06-28 |