일반적인 CssHack 쓰기 (IE6-9) 및 메인스트림(MainStream) 브라우저 hack 쓰기
<!DOCTYPE html>
<html>
<head>
<title>Css Hack</title>
<style>
div
{
width:300px;
height:300px;
background-color:blue; /*firefox*/
background-color:red\9; /*all ie*/
background-color:yellow\0; /*ie8*/
+background-color:pink; /*ie7*/
_background-color:orange; /*ie6*/
}
:root #test { background-color:purple\9; } /*ie9*/
@media all and (min-width:0px){ #test {background-color:black\0;} } /*opera*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} } /*chrome and safari*/
</style>
</head>
<body>
<div id="test">test</div>
</body>
</html>위의 이 코드는 여러분은 직접 코피를 해서 html로 저장하여 각 브라우저에서 시험해 보십시오.다음은 제가 분석해 보겠습니다.
background-color:blue; 각 브라우저는 모두 알고 있으며, 여기는 Firefox에 사용됩니다.
background-color:red\9;\9 모든 i 브라우저가 식별할 수 있다.
background-color:yellow\0;\0은 i8에게 남겨진 것이지만 필자가 테스트한 결과 최신판 Opera도 알고 있는 땀을 발견했다...그러나 잠깐만요. 뒤에 Hack이 Opera에게 인정할 것을 썼기 때문에\0우리는 i8에게 남긴 것이라고 생각합니다.
+background-color:pink; + ie7 정했다.
_background-color:orange;_신기한 i6에게 남기기;
:root #test { background-color:purple\9; }:root는 i9에 줬어요. 인터넷에 버전이 나왔어요.
:root #test { background-color:purple\0;},어...이거...새 Opera도 알고 있기 때문에 필자가 반복적으로 검증한 결과 최종적으로 ie9 특유의 것은 루트 선택자 {속성\9;}이다.
@media all and (min-width:0px){ #test {background-color:black\0;} }이것은 항상 i와\0을 빼앗는 신기한 opera입니다. 반드시\0을 넣어야 합니다. 그렇지 않으면 Firefox, 크롬,safari도 모두 알고 있습니다...
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }마지막으로 이것은 브라우저의 새로운 비싼 크롬과 사파리의 것입니다.
자, 이렇게 많으니 상기 순서는 바꿀 수 없으니 특히 주의하세요.css hack은 브라우저 간의 css 표시 차이 문제를 해결할 수 있지만 W3C 규범에 부합되지 않기 때문에 우리가 평소에 css를 쓰는 것은 표준에 따라 하는 것이 가장 좋다. 이렇게 하면 앞으로 유지보수하는 데도 큰 도움이 될 것이다. 정말 다시 사용할 수 없다.
만약에 관리에게 더 좋은 css hack 쓰기 방법이 있거나 본문이 타당하지 않은 점이 있다면 댓글을 남겨주시고 처음 글을 쓰시면 가볍게 부숴주세요.
기사 출처:http://www.cnblogs.com/WuQiang/archive/2011/08/23/2150240.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Microsoft Edge 편리 기능】URL 바를 카피하면 타이틀을 포함한 Markdown 형식으로 붙여넣기 가능업무로 이용하고 있는 Microsoft 계정으로 관리를 할 수 있는 것이 일인으로 보급되었던 Microsoft Edge에는, URL을 타이틀도 포함한 Markdown 형식으로 copipe 할 수 있는 편리한 기능이 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
