[CSS] 파이어폭스에서 그림의 테두리가 잘리지 않게 하려면

  요즈음 불여우(파이어폭스)에서는 위에 보이는 자판 배열표처럼 가장 자리에 테두리가 있는 그림의 아래쪽이나 오른쪽이 잘려 보일 때가 있다. 아래쪽과 오른쪽이 잘려 보일 때도 있고, 아래쪽만 잘려 보일 때도 있다. 이런 모습은 다른 웹 누비개에서 나타나지 않고 불여우에서만 보인다.

  불여우에서 그림의 테두리가 잘린 채로 보이지 않게 하려면, CSS에서 image-rendering 속성에 optimizeQuality를 넣어 준다.

img { image-rendering: optimizeQuality; }

 이렇게 해 주면, 불여우에서 아래처럼 테투리가 잘려 나오지 않은 그림을 볼 수 있다.