2013-11-09 69 views
0

當我嘗試將height分配給包含<img>的我的<div>時,它不會被修改,只是移動。CSS高度不會修改圖像

.banner #dornierenvoj { 
    left:-95px; 
    bottom:-90px; 
    height:-100px;!important 
    position: absolute; 
} 
<div id="mapplane"> 
    <img src="templates/protostar/images/planeminiature.png" /> 

    <div id="dornierenvoj"> 
     <img src="templates/protostar/images/dornierenvoj.png" /> 
    </div> 
</div> 
+0

僅供參考''之前應該important'去;' –

+0

你到底想幹什麼!? CSS不會正確地修改圖片的尺寸,而負高度不會做任何事情。 – helion3

回答

1

的一個例子是因爲CSS點到div,而不是圖像。 你有2種選擇:

1:添加一個類圖像

.bannerImage {height:30px;} 
<img class="bannerImage" src="pic.png"> 
  1. 在CSS定義它

    #dornierenvoj img {height:30px} 
    <div id="dornierenvoj"><img src="pic.png"></div> 
    

內{}將代碼在div dornierenvoj內部的所有圖像上工作。

1

使用本:

<img src=""templates/protostar/images/planeminiature.png" width="400" height="400"> 

THIS IS寬度和高度

2

首先,在CSS中沒有負高度或寬度!

二U可以使用此代碼,得到圖像高度:

.banner #dornierenvoj img { 
    height:100px; 
}