CSS

CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 52
미리보기 :  

png 를 배경으로 할경우 익스6에서는 png를 지원하지 않기에 스타핵이나 언더바핵으로 png를 css에서 처리해주었습니다. 하지만 배경위에 텍스트나 이미지에 링크값이 들어갈경우 익스6에서 링크가 안먹히게 됩니다.
이럴경우 해당 링크 즉 png 배경위에 링크 부분에 position:relative; 를 주시면 해결됩니다.
(이미지가 겹치는 부분만 링크가 안먹힙니다.)

ex)

css 소스
* html #png {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png',sizingMethod='crop'); }

webmini.gif

<div id="#png"><a href="http:///" style="position:relative;" >웹미니 바로가기</a>

위와 같이 a 태그 안에 style에 position:relative; 를 추가해주시면 됩니다.
물론 class 로 불러와도 되며, 아래와 같이 해당 id 값 a 링크부분에 정의를 해주셔도 됩니다.

#png a {position:relative;}

해당 png 안에 있는 모든 a 태그는 전부 적용이 되는 형식입니다.


위에 방식이 안될경우 cursor:pointer; 이렇게 주시면 해결됩니다.



익스6이 사라지는 그날까지...

태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/css/44185/90e/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
공지 Cascading Style Sheets (CSS3) file title: [ani]깜빡이는 표정빽짱구 2010-06-29 1 32639
공지 CSS 용량을 줄여주는 사이트 file [7] title: [ani]깜빡이는 표정빽짱구 2010-05-13 1 23177
공지 css 팁에 관련해서... [1] title: [ani]깜빡이는 표정빽짱구 2007-11-30 1 44340
52 hit IE6에서 레이어 고정시키기 핵. Fixed Layer Hack for ... title: [ani]깜빡이는 표정빽짱구 2007-11-30   13173
51 hit css를 이용한 이미지 확대 title: [ani]깜빡이는 표정빽짱구 2008-03-19   14966
50 hit CSS 만으로 구현하는 롤오버 이미지 [1] title: [ani]깜빡이는 표정빽짱구 2007-12-03   12936
49 익스 문자버그 (주석버그) file [1] title: [ani]깜빡이는 표정빽짱구 2009-02-05   9815
48 margin (마진) 에 대해 알아보자. title: [ani]깜빡이는 표정빽짱구 2007-11-12   9418
47 스타일 시트 불러오기? title: [ani]깜빡이는 표정빽짱구 2007-11-12   9346
46 css와 html 을 보면서 적용하는 사이트? [2] title: [ani]깜빡이는 표정빽짱구 2008-02-09   9806
45 hit CSS hack 정리 [1] title: [ani]깜빡이는 표정빽짱구 2008-02-09   21190
44 hit 프린트 (인쇄) 할때 다음 페이지 넘기기 title: [ani]깜빡이는 표정빽짱구 2008-07-30   10654
43 hit div 전체 세로 정렬하기 [1] title: [ani]깜빡이는 표정빽짱구 2008-06-13   19637
42 hit input 박스 활성화시 테두리 색 넣기 [2] title: [ani]깜빡이는 표정빽짱구 2009-02-06   10086
41 IE6에서 line-height 적용시 이미지가 들어갔을때 file [2] title: [ani]깜빡이는 표정빽짱구 2009-09-16   9366
40 소형 대문자 small cap file [1] title: [ani]깜빡이는 표정빽짱구 2009-10-17   7241
39 hit 자동 줄바꿈 금지 [6] title: [ani]깜빡이는 표정빽짱구 2009-12-29   18098
38 CSS 속성 순서 file [2] title: [ani]깜빡이는 표정빽짱구 2011-02-15   7004
37 css를 이용하여 원으로 된 paging 만들기 file [1] title: [ani]깜빡이는 표정빽짱구 2011-06-02   7387
36 세로 스크롤바 생기게 하기 title: [ani]깜빡이는 표정빽짱구 2011-06-16   7319
35 css3 그라데이션을 손쉽게 적용하자 title: [ani]깜빡이는 표정빽짱구 2012-10-11   3971
34 css3 border-radius 속성 file [1] title: [ani]깜빡이는 표정빽짱구 2012-09-03   4631
33 [반응형웹]해상도에 따른 CSS호출하기(미디어쿼리) title: [ani]깜빡이는 표정빽짱구 2014-05-20   3234