2014-07-25 2 views
0

는 내가 만드는 중이라서 웹 사이트에 대한 몇 가지 코드를 함께했다, 그리고 난 당신이 페이지조정 이미지 크기 (HTML/CSS)는

코드에 이미지의 크기를 변경 얼마나 궁금 해서요 :

<html> 
    <head> 
    <style type="text/css"> 

     .bg { 
     background: url(http://fc05.deviantart.net/fs48/i/2009/235/2/5/clouds_over_california_by_Un_symmetrical.jpg) center top; 
     height: 30%; 
     } 

    </style> 
    <script src="jquery.js"></script> 
    <script> 

     var bgPos = 0; 
     setInterval(function() { 
     $(".bg").css("background-position", (bgPos-= 2) + "px"); 
     }, 60); 

    </script> 
    </head> 
    <body> 
    <div class="bg"></div> 
    </body> 
</html> 
+0

배경 크기를 사용해 보셨습니까? 'background-size : 100px 100px'와 비슷합니다. – agrm

+1

보세요 [여기] (http://stackoverflow.com/questions/1341358/set-size-on-background-image-with-css) – RafaelTSCS

+0

페이지 크기와 관련하여 이미지의 크기? – dsum27

답변

0

당신은 img 태그를 사용하고 직접 등의 크기를 설정할 수 있습니다 : 다음 높이를 설정

<img src="smiley.gif" alt="Smiley face" height="42" width="42"> 

또는 당신은 당신이 원하는 정확한 크기 포토샵 같은 일부 응용 프로그램에서 당신에게 이미지의 크기를 조정할 수 있으며, wh와 일치하는 CSS의 너비 크기에 관계없이 이미지를 만들었습니다.

.bg{ 
    background: url(http://fc05.deviantart.net/fs48/i/2009/235/2/5/clouds_over_california_by_Un_symmetrical.jpg) center top; 
    width: 300px; 
    height: 200px; 
}