Chrome을 사용하여 내 웹 사이트를 디버그하고 테스트하지만 요소 검사기를 사용할 때 어떤 이유로 요소를 강조 표시합니다. 웹 페이지 자체는 너비/높이/여백/패딩 등을 표시하기 위해 강조 표시되어 있습니다 ... 그러나 내 사이트에서이 작업을 수행하지 않는 몇 가지 이유 때문에 다른 웹 사이트에서 테스트 한 결과 제대로 작동합니다 ... 또한 시도했습니다. 그것은 사파리에서 그리고 거기에서 작동한다?!크롬 - 노드가 웹 속성에서 노드를 끌었을 때 웹 페이지에서 해당 요소 강조 표시
왜 이런 생각이 들지는 모르겠지만, 내 유일한 생각은 Safari에서 테스트 할 때까지이 기능으로 스타일을 지정하지 못하게하는 CSS에 뭔가를 설정해야한다는 것입니다.
좀 더 구체적으로 알려주시겠습니까? "켜져"?
편집 : 대신에
style.webkitTransform = translate3d(...) (Javascript)
-webkit-transform: translate3d(...) (CSS)
-webkit-backface-visibility: hidden (CSS)
당신은 사용할 수 있습니다 :
var matrix = new WebKitCSSMatrix();
matrix.e = deltaX;
matrix.f = deltaY;
myElement.style.webkitTransform = matrix;
CSS
-webkit-transform: matrix(1,0,0,1,deltaX,deltaY);
Javacsript을 나는이 모든을 해제해야한다는 사실을 발견
시도해보십시오. 일종의 임시 해결 방법입니다.
CTRL + SHIFT + C을 누르고 검사 할 요소 위로 마우스를 이동하십시오.
깜빡했는데 - 왜 3D CSS 전환을 사용했는지 알았습니다. 나는 또한 크롬 웹 사이트에 버그로보고했습니다. –
다음은 Adam의 버그 보고서입니다. http://code.google.com/p/chromium/issues/detail?id=78913 문제를 해결하려면 별표를 적으십시오. – kpozin