php - 在检查元素中显示 0*0 像素的图像

标签 php html css

我正在开发一些应用程序，当我在 Firefox 上运行它时它工作正常，但是当我在 Chrome 上运行它时它不显示所有图像。当我看到使用检查元素的元素时，它显示我的 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>

我看过这个链接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>

最佳答案

哦，我现在明白你是如何使用 <Marquee> 的了。标签(不知道在所有事情之后仍然存在并且每个人都使用 jQuery :D)...

但解决方法似乎是删除 max-width:100%来自 img{}在你的 css 文件中，我为我修复了它。不知道为什么顺便说一句! :D

关于php - 在检查元素中显示 0*0 像素的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20496176/

上一篇：jquery - 智能手机和 table 的 CSS 外壳

下一篇：javascript - jQuery 菜单错误修复

相关文章：

css - Firefox 的 twitter-bootstrap glyphicons 错误

css - 具有无序列表和一些边距的 4 列网格

PHPSpec 在 PHP7 中捕获类型错误

php - 多个内部联接和一对一//一对多关系

php - 在 css 中使用 php 来定位一个唯一的对象类

php - 在获取表单中为同一复选框字段传递两个值

html - 在 Internet Explorer 中设计高分辨率屏幕

php - 扩展布局 .xml 文件在与父主题不同的 <vendor> 子主题中不起作用 : Magento 2. 0.4

html - 如何将图像/文本/gif 放在现有的 gif 之上？

html - 对于第 n 个子循环，更改嵌套在不同级别的文章元素的样式

©2024 IT工具网  联系我们