>  기사  >  웹 프론트엔드  >  CSS를 사용하여 창을 축소할 때 배경 이미지의 오른쪽 빈 부분에 대한 해결 방법

CSS를 사용하여 창을 축소할 때 배경 이미지의 오른쪽 빈 부분에 대한 해결 방법

高洛峰
高洛峰원래의
2017-03-27 17:32:362556검색

창이 작을 때 CSS 배경 이미지 오른쪽이 공백으로 나타나는 버그 해결 방법(모든 브라우저 호환)

CSS를 사용하여 창을 축소할 때 배경 이미지의 오른쪽 빈 부분에 대한 해결 방법

해결 방법:

CSS에 다음 두 줄의 코드를 추가하고 자체적으로 판단하도록 하세요.

width:expression(document.body.clientWidth min-width:960px;

즉:

.top{
    border:0px solid #f00;
    width:expression(document.body.clientWidth <= 960? "960px": "auto");
    min-width:960px;
    height:29px;
    margin:0px;
    padding:0px;
    url(.. /img/topbar.png) repeat-x;
}

좋아, 이 버그는 마침내 해결되었습니다.

위 내용은 CSS를 사용하여 창을 축소할 때 배경 이미지의 오른쪽 빈 부분에 대한 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.