css 해킹 및 다시 쓰기

다른 브라우저에서 CSS 해킹을 사용하지 않고 "html 태그에 클래스 추가"라는 조건부 주석을 선호합니다.css 해킹 및 다시 쓰기

내 질문에 나를 데려다 준다. 나는 어떻게 ie8 해킹 해킹없이 작성합니까?

.grab-cursor{cursor:move\0/;}

나는 구현하기 위해 찾고 있어요 : 코드를 해킹 --non

는

.ie8 .grab-cursor{ here-- ;}는

(난 정말 이해하지 CSS는 I가 가지고 있지 기쁘다 그래서 해킹 지금 사용하십시오!)

출처

2012-01-26 Mr Jonny Wood

이 해킹은 무엇을합니까? – Bojangles

'style : property \ 0 /;'은 Internet Explorer 8과 9에서만 해석되는 규칙입니다.'* style : property;'는 Internet Explorer 6과 7에 해당하는 해킹입니다. – ramsesoriginal

.grab-cursor{cursor:move;}

여기에 해킹이나 댓글이 필요하지 않으므로 모두 잘 작동합니다. 브라우저 (http://www.quirksmode.org/css/cursor.html 참조). 해결하려는 문제는 정확히 무엇입니까?

편집

당신은 다양한 가능성을 조건부 주석 블록을

<!doctype html> 
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

를 사용하는 경우, 해킹없이 IE의 특정 버전에 특정 스타일을 적용하는 방법에 대한 일반적인 질문에 대답합니다. 그냥 일반적인 인터넷 익스플로러 문제를 해결하려면

, 당신은

.oldie .grab-cursor { 
    /*IE-tailored css styles without the hack*/ 
}

사용할 수 있으며 설정하고 있습니다. 당신의가 IE7을 가정 해 봅시다, 단지 뭔가를 해결하려는 경우가

/* style I'm currently using in production */ 
.cssgradients #main nav{ 
    background: linear-gradient(left, black, #e00, black); 
} 

.no-cssgradients nav{ 
    background: url(../img/nav-bg.png) center center repeat-y; /*image background as fallback */ 
}

같은 물건을 할 수 있도록, 당신은 모더 나이저 ( http://www.modernizr.com/)를 사용하는 것입니다 특정 문제를 해결하기 위해

.ie7 .grab-cursor { 
    /*IE-tailored css styles without the hack*/ 
}

하지만 가장 좋은 방법을 사용할 수 있습니다 그것은이 허용

나는 또한 당신이 가지고, http://leaverou.github.com/prefixfree/를 추천 할 것입니다

background: radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%);

대신

background: #000000; /* Old browsers */ 
background: -moz-radial-gradient(center, ellipse cover, #000000 49%, #8f0222 49%, #6d0019 100%); /* FF3.6+ */ 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(49%,#000000), color-stop(49%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ 
background: -webkit-radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* Opera 12+ */ 
background: -ms-radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* IE10+ */ 
background: radial-gradient(center, ellipse cover, #000000 49%,#8f0222 49%,#6d0019 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#6d0019',GradientType=1); /* IE6-9 fallback on horizontal gradient */

출처

2012-01-26 15:50:37 ramsesoriginal

좋은 지적입니다. 내가 명확하게 내 게시물을 업데이 트 – ramsesoriginal

고마워, 나는 조건부 주석 블록과 현대화기를 사용하지만 이미 접두사 무료에 대해 몰랐어! –

대단히 환영합니다! – ramsesoriginal

css 해킹 및 다시 쓰기

답변

관련 문제