창 크기가 줄어들 때 왼쪽에서 이미지를 자릅니다. CSS

지금 당장 브라우저 크기를 조절하지 않는 배경 이미지가 있으므로 브라우저 창을 축소하면 이미지가 잘립니다. 오른쪽은 왼쪽에 고정되어 있습니다. 이미지의 오른쪽 가장자리가 항상 브라우저의 오른쪽 가장자리에 있도록 CSS를 편집 할 수있는 방법이 있습니까? 그리고 창이 축소되면서 왼쪽이 잘립니다. 창 크기가 줄어들 때 왼쪽에서 이미지를 자릅니다. CSS

아래에서 제안을 사용한 후, 내 CSS는 현재 다음과 같습니다 가까이이지만, 꽤 잘하지

.header-container { background: url(/**/) no-repeat; width: 100%; min-width: 1600px; height: 542px; background-attachment: fixed; background-position: top right; }

출처

2014-12-19 Matthew Fournier

당신이 사용하는 어떤 브라우저/버전? – mbomb007

이 문제를 해결 한 적이 있습니까? 문제가 해결 될 수 있도록 해결책을 게시하거나 답변을 선택하면 문제가 해결됩니다. 감사. – mbomb007

사용 CSS를 변경하려면 background-position

background-position: top right;

내가 여기 테스트 : http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-position_percent

변경에 코드 :

<!DOCTYPE html> 
<html> 
<head> 
<style> 
body { 
    background-image: url('smiley.gif'); 
    background-attachment: fixed; 
    background-position: top right; 
} 
</style> 
</head> 

<body> 
</body> 

</html>

출처

2014-12-19 21:17:06 mbomb007

브라우저에서 이미지가 작아지면 이미지가 오른쪽에서 자릅니다. –

내가 테스트 한 것을 수행하십시오. 어쩌면'background-attachment : fixed; '가 필요할까요? – mbomb007

고정 첨부 파일을 사용하면 브라우저의 크기가 줄어들더라도 이미지가 축소됩니다. 높이를 하드 코딩 했더라도 w3schools 페이지에서 수행하면 원하는 방식으로 작동합니다. 질문에 CSS를 추가하고 있습니다. –

창 크기가 줄어들 때 왼쪽에서 이미지를 자릅니다. CSS

답변

관련 문제