이미지가 100 % 너비가 아니고 축소 할 때 제대로 확장되지 않습니다.

특정 콘텐츠에 대해 웹 사이트 하단에 막대가 있습니다. 문제는 현재 코드가 있음에도 불구하고 전체 화면을 덮기 위해 현재 너비가 확장되지 않는다는 것입니다. 나는 분 너비를주는 시도이미지가 100 % 너비가 아니고 축소 할 때 제대로 확장되지 않습니다.

.bottom-ulity { 
    height  : 57px; 
    width  : 100%; 
    right  : 0; 
    position : fixed; 
    bottom  : 0; 
    background : url('../images/inner-show-text.png') repeat-x left top; 
    z-index : 1000; 
}

: 100 %, 최소 폭으로 2046px을 추가하는 시도

HTML은

<div class="bottom-ulity"> 
other content goes here 
</div>

CSS 오히려 기본이다. 다른 페이지를보고 "background-size : 100 %"및 "background-size : 표지"로 권장 사항을 보았습니다. 이 코드 줄은 모두 동일한 결과를 제공하지만 이미지 자체를 제대로 확장하지만 그래디언트와 같은 모든 효과를 잃고 대신 기본 회색을 제공합니다.

내부의 모든 div를 삭제하여 내부의 코드가 원인인지 확인하려고 시도했지만 그 경우도 아닙니다. "background-repeat : no-repeat;"를 추가했을 때 이미지가 한 번 나타나고 전혀 확장되지 않아 막대가 있어야하는 곳에 거대한 구멍이 생기는 것을 보았습니다. 충분히 분명히).

다음은 문제를 보여주는 이미지입니다 : enter image description here

출처

2014-01-22 julian

웹 사이트를 볼 수 있도록 링크 할 수 있습니까? – GSaunders

아직 작동하지 않습니다. 지금은 현지 일뿐입니다. – julian

사이트를 직접 볼 수 없으면 도움을 받기가 어렵습니다. 그것이 언제 생겼는지 우리에게 알려주십시오. 그러면 우리가 도울 수있을 것입니다. – GSaunders

-1

내가 문제에 대한 해킹, 충분히 일시적으로 좋은 것 적어도 하나를 발견했다. 나는 확대해야 시작할 때까지 background-size: 100% 을 CSS에 추가하기로 결정했습니다. 이미지 자체는 하나 였고 폭이 100 % 확장되었지만 화면에 올라가더라도 움직이기 시작했습니다. 내가 결정 어떤 0에서 하단과 오른쪽 세트 고정 된 위치는 분명히 이미지의 일부입니다 테두리가 작동하는 동안 의미하는 순간에 두 배 큰 비록이이 문제를 해결

background-size: 200%;

추가했다 완벽하게, 국경이 두 배 더 두껍기 때문에 꽤 우아하지 않습니다.

업데이트 : img가 허용하는 경우 중복 될 px를 간단히 낮추면 해결됩니다. 백그라운드 크기가 200 %이므로 모든 것을 곱하는 것입니다. 따라서 비슷한 문제를 해결하기 위해 다른 %를 사용하는 경우 변경하기 전에 보유한 픽셀 수를 기억하십시오.

출처

2014-01-23 21:11:14 julian

이미지가 100 % 너비가 아니고 축소 할 때 제대로 확장되지 않습니다.

답변

관련 문제