css 관련 질문입니다. 채택완료
html 소스
</p>
<p><div id="lyrics" class="lyr-font-0" style="display: block;">
<div class="lyr-a">
<div class="lyr-0">ㅁㄴㅇㄹ <span class="lyr-type--1">ㅁㄴㅇㄹ</span></div>
<div class="lyr-1" style="width: 0px;">ㅁㄴㅇㄹ <span class="lyr-type--1">ㅁㄴㅇㄹ</span>
</div>
</div></p>
<p>
CSS 소스 : 링크첨부
결과물https://sir.kr/bbs/view_image.php?fn=%2Fdata%2Feditor%2F2012%2F3716907342_1607915632.6218.png" target="_blank">https://sir.kr/data/editor/2012/3716907342_1607915632.6218.png" />
원래는
https://sir.kr/bbs/view_image.php?fn=%2Fdata%2Feditor%2F2012%2F3716907342_1607915710.5302.png" target="_blank">https://sir.kr/data/editor/2012/3716907342_1607915710.5302.png" />
이렇게 나오라고 짰는데 첫번째 이미지처럼 나옵니다. (보면은 .lyr-a .lyr-0 .lyr-type--1에 해당하는 span태그가 .lyr-a .lyr-1 .lyr-type--1에 해당하는 span 태그에 가려짐) 원래 overflow hidden을 주고 width를 0을 주면 두번째 span태그(.lyr-a .lyr-1 .lyr-type--1)까지 안보여야 하는데, 어케 해야 되나요?
답변 1개
http://angrytools.com/css-generator/text-shadow/
여기 방문하셔서 새로 만드시는게 빠르시겠습니다.
아님 이미지 추천드립니다. ^ ^
답변에 대한 댓글 3개
#fff --> #053f00 이런 칼라값만 리플레이스 하시면 해결 되실겁니다..
그림상으론.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인