2017-06-21 63 views
-2

我想盡量減少圖片,但沒有任何反應。爲什麼CSS樣式不適用於圖像?

從函數中獲取圖像,該函數將數據庫中圖像的名稱顯示在數組中。

/* Products */ 
 
.imagesPanel { 
 
    padding-top: 10px; 
 
    margin-top: 20px; 
 
    border:solid 1px #d1d1d1; 
 
} 
 
.imagesPanel .msg { 
 
    text-align: center; 
 

 
} 
 
.imagesPanel img { 
 
    width: 200px; 
 
    height: 200px; 
 
}
<div class="col-xs-12 imagesPanel"> 
 
    <?php $imgNameFunction = imgSelectV2("products",$row['ID']); 
 
      if ($imgNameFunction == null) { ?> 
 
       <p class="msg"><?php echo lang('THERE_ARE_NO_IMAGES_FOR_THIS_PRODUCT'); ?></p> 
 
    <?php } else { 
 
     foreach ($imgNameFunction as $imgName){?> 
 
      <div class="col-xs-3 itemShow"> 
 
       <img src="<?php echo $dir_uploadedImage.$imgName['ImgName']; ?>"> 
 
      </div> 
 

 
     <?php } 
 
    } 
 
    ?> 
 
</div>

但結果卻是在此圖像中顯示:

enter image description here

能否請你幫忙嗎?

+0

它可能覆蓋了CSS。嘗試.imagesPanel img {width = 200px!important; 身高:200px!重要; } – tech2017

+0

你可以發佈呈現的HTML嗎?我們無法猜測PHP輸出的內容。此外,請檢查開發者控制檯檢查是否您的CSS影響了圖像 –

+3

[Stack Overflow用戶需要多少研究工作?](https://meta.stackoverflow.com/questions/261592/how-much-research -effort-被預期-的堆棧溢出用戶)。 –

回答

-1

感謝您的幫助 爲tech2017

它可能是壓倒一切的CSS。嘗試.imagesPanel img {width:200px !important;身高:200px!重要; } - tech2017 37分鐘前