반복 가능하고 확장 가능한 이미지입니까? 가능한가?

여기 좋아는 반복 가능하고 확장 가능한 이미지입니까? 가능한가?

가 나는 내 사이트의 길이 아래로 폭

및

반복-Y의 100 %를 스트레칭하고 싶은 배너 그래픽을 가지고 거래입니다.

둘 다 수행 할 수 있습니까?

출처

2011-09-17 TangibleDream

html5/css3이 허용됩니까? – Dani

모든 브라우저에 맞지 않습니까? 여러 브라우저 유형에서 재생할 수 있기를 바랍니다. 아니면 지금 css3가 더 일반적으로 받아 들여지고 있습니까? – TangibleDream

html5는 이미지 품질을 저하시키지 않으면 서 확장 가능한 벡터 이미지를 지원합니다. 지원은 이전 버전과 호환되지 않습니다. – CBRRacer

<html> 
<body> 
<div style="background: url(https://www.google.com/adsense/static/en_US/images/234x60.gif) repeat-y;background-size:100% auto;width:100%;height:100%;"></div> 
</body> 
</html>

위의 코드를 참조하시기 바랍니다. 이미지 너비를 100 %로 지정하려면 'background-size'를 사용해야합니다.

출처

2011-09-17 03:54:46

' 은 IE 9 또는 FF – TangibleDream

에서 작동하지 않습니다. url ("pix/gradient3.jpg")'를 작은 따옴표로 변경했습니다. 'url ('pix/gradient3.jpg')' 아직 시도하지 않았습니다. 즉, 배경이 전혀 나타나지 않습니다. – TangibleDream

위의 코드는 FireFox 6.0.2에서 작동합니다. 이미지가 존재하는지 확인하십시오. –

반복 가능하고 확장 가능한 이미지입니까? 가능한가?

답변

관련 문제