该图像显示了检查元素中的0 * 0像素

Question

我正在某个应用程序上工作，当我在firefox上运行它时，它工作正常，但是当我在chrome上运行时，它不显示所有图像。 当我使用inspect元素查看元素时，它显示我的0 x 0像素（自然330 * 220像素）。 这是我显示图像的代码

 <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>

尽管设置了大小，但我已经看到<img>标签中的此链接图像默认为0 x 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  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>

Answer 1

哦，我现在知道您如何使用<Marquee>标记（不知道在所有人和所有人都使用jQuery：D之后仍然存在）

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