CurveyCorners/CSS3PIE 대안 및 글리치

둥근 모서리를 사용하려고합니다. (선호하면 border-radius CSS를 사용하지만이 시점에서 다른 옵션을 사용할 수 있습니다). CSS3PIE을 사용해 보았지만 IE8에서 jquery로 문제가 발생했으며 항목이 실제 위치에서 여러 픽셀 이동 한 경우 디스플레이 문제가 발생했습니다. 그런 다음 CurveyCorners를 시도했지만 jover를 사용하여 CSS를 바꿀 수있는 기능이 중지되었습니다 (jquery $(this).removeClass("nohover");$(this).addClass("hover"); 사용)CurveyCorners/CSS3PIE 대안 및 글리치

다른 방법이 있습니까?

출처

2012-11-09 steventnorris

우리는 마크 업을 볼 필요가 있다고 생각합니다. –

css3pie를 사용할 때, 마우스로 가리거나 클릭 한 후 위치가 벗어난 요소가 올바른 위치로 돌아 왔습니까? 현재 css3pie를 사용하는 사이트를 만들고 있지만 사이트가 너무 느려서 IE8이 사각형 모서리로 저하되고있는 것으로 나타났습니다. – Huangism

@PatrickJamesMcDougle 여러분이 알지 못하는 것을 제외하고는 코드에 대한 도움을 받고 싶지 않습니다. 방금 대안을 원해. curvey 코너 문제에 대한 마크 업은 말 그대로 게시 한 것입니다. div를 가져 와서 해당 CSS와 함께 mouseover에 넣으면 작동하지 않습니다. – steventnorris

나는 지금까지 꽤 많은 시간을 보냈고, 나는 항상 같은 장소에서 끝납니다. 여기 내 경험에서 말한 것이 있습니다. 모든 최신 브라우저

을에 둥근 모서리

사용 CSS 국경 반경은 이전 버전의 브라우저합니다 (유지 mixin) 정상적으로
사용 LESS CSS를 저하 보자 http://lesscss.org/
사용 LESS CSS의 유지 mixin을 쉽게 코드 경계 -radius는 다른 브라우저에 대해 border-radius의 특정 버전을 직접 입력해야하는 경우가 아니면 안됩니다. http://lesselements.com/
개발하는 동안 또는 코드 킷을 사용하여 less.js를 사용하여 컴파일하십시오. 여기

덜 요소 경계 반경 믹스 인의 좋은 예입니다 :

#some_div { 
    .border-radius(5px, 0, 0, 5px); 
}

또는 당신은 비록 손 : 최종

을하여 국경 반경의 다른 버전을 코딩 할 수 있습니다 : 하나 IE8이 Javascript로 둥근 모서리를 갖도록하는 것과 관련된 주요 쟁점은 일반적으로 브라우저에 많은 추가 작업을 요구하는 것입니다. IE8을 실행하는 기계는 여분의 많은 마력이없는 제도적 기계입니다. 이는 최종 사용자 경험이 저하 된 CSS 페이지보다 훨씬 나쁠 수 있습니다.

출처

2012-11-10 09:09:19 Stone

비 둥근 스타일로 저하되어야합니다. 몇 가지 방법을 시도했지만 강렬한 상호 작용 및 온더 플라이 페이지 변경으로 버그가 너무 많았습니다. – steventnorris

나는 당신이 나를 틀리게 증명할 수 있기를 바랐다. :) 그러나 나는 교통량이 많은 사이트에서도 이와 같은 행운을 보지 못했다. 건배! – Stone

CurveyCorners/CSS3PIE 대안 및 글리치

답변

관련 문제