1. 소개
이 문서에는 CSS 디자인에 문제가 발생할 때 사용할 수 있는 매우 유용한 8가지 솔루션이 포함되어 있습니다.
2. 브라우저별 선택기
이러한 선택기는 특정 브라우저용 CSS를 디자인해야 할 때 매우 유용합니다.
IE6 이하 버전
| * HTML {} |
IE7 이하 버전
*:첫 번째 자식+html {} * html {} |
*:첫번째 자식+html {} |
HTML>본문{} |
| html>/**/body{} |
Opera9 이하 버전
html:첫번째 자식 {} 원정 여행 html[xmlns*=""] 본문:마지막-자식 {} |
이러한 선택기를 사용하려면 스타일 앞에 배치하세요. 예를 들면 다음과 같습니다.
#콘텐츠 상자 { 너비: 300px; 높이: 150px; } *html #콘텐츠 상자 { 너비: 250px; } /* 위 스타일을 재정의하고 IE 6 이하에서는 너비를 250px로 변경합니다 */ |
3. IE6에서 PNG 투명도 지원
IE6의 버그로 인해 큰 문제가 발생했으며 투명 PNG 이미지를 지원하지 않았습니다.
CSS 필터를 사용해야 합니다.
*html #이미지 스타일 { 배경 이미지: 없음; 필터:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizingMethod="scale"); } |
4. 하이퍼링크의 점선을 제거합니다(FF에만 해당).
FireFox에서 하이퍼링크를 클릭하면 주변에 점선 윤곽선이 나타납니다. 이는 해결하기 쉽습니다. 레이블 스타일에 추가하기만 하면 됩니다.
| 개요: 없음 . 에이{ 개요: 없음; } |