2013-07-24 27 views
0

這就是我在Visual Studio爲什麼我的homebutton不會根據我的CSS屬性調整大小?

<link rel="stylesheet" href="css/style.css" type="text/css" /> 

這是如何被創造了我爲homeButton鏈接我的CSS與我的整個母版。

<div id="homebutton"> 
<input type="image" src="image/logo.jpg"> 
</div> 

這是怎麼我的CSS樣子

#homebutton { 
    position:absolute; 
    left:0%; 
    top:0%; 
    margin: 0px; 
    height:70px; 
} 

然而,當我改變高度象素,爲homeButton的規模仍保持不變。到目前爲止,我仍然不知道爲什麼。

+1

使圖像變大,增加高度僅作用於DIV高度。爲了更好地理解,在您的DIV中使用背景顏色。 –

回答

2

,因爲你正在改變DIV的高度..你必須改變輸入的高度

#homebutton input[type=image] 
{ 
    height:80px; 
} 
+0

老實說,我是新來的CSS,這是我第一次看到輸入。謝謝^ - ^ –

1

由於您正在更改<div>的高度,因此home按鈕(它是一個jpeg)的大小不會改變,因爲它不會自動適應周圍的<div>

您必須將自己的款式信息添加到<input> -Tag!否則,縮放JPEG是不是一個好主意,因爲它模糊了 - 你將不得不使用一個更大的圖形或SVG

相關問題