1. 首页
  2. 问答
  3. 图像显示0 * 0像素在检查元素

图像显示0 * 0像素在检查元素

2013-12-10 47 views
0

我正在做一些应用程序，当我在Firefox上运行它工作正常，但是当我在铬上运行它时，它不显示所有图像。当我看到使用检查元素的元素时，它显示我的0乘0像素（自然330 * 220像素）。这里是我的显示图像图像显示0 * 0像素在检查元素

<section id="clients" class="append-bottom"> 
      <div id="clients-topbar" > 
       <h3 class="append-bottom clear-left clear-right border-left center border" ><i class="icon-group grey_color"></i><span style="font-weight: bold;font-size: 25px; vertical-align: text-bottom;"> Valued Clients</span></h3> 
    <marquee behavior="scroll" direction="left" hspace="0"> 
     <div class="clients-list "> 

      <?php 
      foreach($modelClients as $key) 
      { ?> 
      <div class="clients-item"> 
       <?php echo CHtml::image(yii::app()->baseUrl.'/images/clients/'.$key->id.'/'.$key->image,'Parking Media',array('style'=>'width:150px;')); 
      ?> 
      </div> 

       <?php }?>   
       <?php 
      foreach($modelClients as $key) 
      { ?> 
      <div class="clients-item"> 
       <?php echo CHtml::image(yii::app()->baseUrl.'/images/clients/'.$key->id.'/'.$key->image,'Parking Media',array('style'=>' width:150px;')); 
      ?> 
      </div> 

       <?php }?> 
       <?php 
      foreach($modelClients as $key) 
      { ?> 
      <div class="clients-item"> 
       <?php echo CHtml::image(yii::app()->baseUrl.'/images/clients/'.$key->id.'/'.$key->image,'Parking Media',array('style'=>' width:150px;')); 
      ?> 
      </div> 

       <?php }?> 
       <?php 
      foreach($modelClients as $key) 
      { ?> 
      <div class="clients-item"> 
       <?php echo CHtml::image(yii::app()->baseUrl.'/images/clients/'.$key->id.'/'.$key->image,'Parking Media',array('style'=>' width:150px;')); 
      ?> 
      </div> 

       <?php }?> 
       <?php 
      foreach($modelClients as $key) 
      { ?> 
      <div class="clients-item"> 
       <?php echo CHtml::image(yii::app()->baseUrl.'/images/clients/'.$key->id.'/'.$key->image,'Parking Media',array('style'=>' width:150px;')); 
      ?> 
      </div> 

       <?php }?> 
     </div> 

     </marquee> 
    </div> 
</section>

我看到这个链接Image in <img> tag is defaulting to 0 x 0 pixels despite setting its size却无力解决问题的代码。
编辑：

<section id="clients" class="append-bottom"> 
     <div id="clients-topbar"> 
      <h3 class="append-bottom clear-left clear-right border-left center border"><i class="icon-group grey_color"></i><span style="font-weight: bold;font-size: 25px; vertical-align: text-bottom;"> Valued Clients</span></h3> 
      <marquee behavior="scroll" direction="left" hspace="0"> 
      <div class="clients-list crum_start_animation"> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/7/America.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/8/Uk.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/9/germany.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/10/russia.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/11/spain.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/12/italy.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/13/greece.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/14/hungary.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/15/norway.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style="width:150px;" src="/allSpice_falak/images/clients/16/sweden.png" alt="Parking Media" class="crum_start_animation">    </div> 



       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/7/America.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/8/Uk.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/9/germany.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/10/russia.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/11/spain.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/12/italy.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/13/greece.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/14/hungary.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/15/norway.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/16/sweden.png" alt="Parking Media" class="crum_start_animation">    </div> 



       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/7/America.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/8/Uk.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/9/germany.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/10/russia.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/11/spain.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/12/italy.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/13/greece.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/14/hungary.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/15/norway.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/16/sweden.png" alt="Parking Media" class="crum_start_animation">    </div> 



       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/7/America.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/8/Uk.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/9/germany.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/10/russia.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/11/spain.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/12/italy.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/13/greece.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/14/hungary.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/15/norway.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/16/sweden.png" alt="Parking Media" class="crum_start_animation">    </div> 



       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/7/America.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/8/Uk.jpg" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/9/germany.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/10/russia.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/11/spain.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/12/italy.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/13/greece.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/14/hungary.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/15/norway.png" alt="Parking Media" class="crum_start_animation">    </div> 


       <div class="clients-item"> 
        <img style=" width:150px;" src="/allSpice_falak/images/clients/16/sweden.png" alt="Parking Media" class="crum_start_animation">    </div> 


      </div> 

      </marquee> 
     </div> 
    </section>

来源

2013-12-10 Rafay Zia Mir

+1

你能发布你生成的html而不是你的php吗？ – Turnip

+0

图像是否存在？如果它不，我认为铬只是显示替代文字 - 如果没有替代文字，那么它将不会显示 – Pete

+0

是图像存在，我试过它在新标签打开，它完全打开。我不知道是否是正确的发布链接到网站，但道歉，如果它被禁止在SO。这里是我的网站链接http://falaktextile.allspicetech.com –

回答

0

哦，我现在看你怎么使用<Marquee>标签（不知道还是一切，大家身边后jQuery的使用：d）...

但修复似乎是从您的css文件中的img{}中删除max-width:100%，我为它修复了它。不知道为什么顺便说一句！ ：D

来源

2013-12-10 14:15:13

+0

你在现场，但我写了“客户名单”css类的20％。现在，当我删除，所有图像已变得非常小（不可取）。其次，当客户在我的脖子上时，选取框很容易实现。大声笑。 –

相关问题

 相关问题