相同的内容不显示在不同的浏览器

我正在使用Codeigniter.I添加页脚到我的视图使用HTML的PHP页面，并包括“footer.php”我的主视图PHP页面在这里footer.php HTML和PHP代码相同的内容不显示在不同的浏览器

<div class="col-sm-2 "> 

       <!-- Stay Connected --> 
       <div class="footer-heading"> 
        <h2>Stay Connected</h2> 
       </div> 

       <ul class="social-icons"> 
        <li><a href="#" data-original-title="Facebook" class="social_facebook"></a></li> 
        <li><a href="#" data-original-title="Twitter" class="social_twitter"></a></li> 
        <li><a href="#" data-original-title="Goole Plus" class="social_googleplus"></a></li> 
        <li><a href="#" data-original-title="Youtube" class="social_youtube"></a></li> 
        <li><a href="#" data-original-title="Linkedin" class="social_linkedin"></a></li> 
       </ul> 

       <div class="app-icons"> 
        <img src="<?php echo base_url();?>assets_profile/img/icons/google_play.png" > 
        <img src="<?php echo base_url();?>assets_profile/img/icons/apps_store.png" > 
       </div> 

      </div>

但问题是，在Chrome浏览器中显示这样的每一件事情，我增加 enter image description here

enter image description here 但在Firefox浏览器中显示这样

如何解决这个问题？需要快速的帮助，这对我的CSS代码

.social_amazon {background: url(../img/icons/social/amazon.png) no-repeat;} 
.social_behance {background: url(../img/icons/social/behance.png) no-repeat;} 
.social_blogger {background: url(../img/icons/social/blogger.png) no-repeat;} 
.social_deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;} 
.social_dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;} 
.social_dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;} 
.social_evernote {background: url(../img/icons/social/evernote.png) no-repeat;} 
.social_facebook {background: url(../img/icons/social/facebook.png) no-repeat;} 
.social_forrst {background: url(../img/icons/social/forrst.png) no-repeat;} 
.social_github {background: url(../img/icons/social/github.png) no-repeat;} 
.social_googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;} 
.social_jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;} 
.social_last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;} 
.social_linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;} 
.social_picasa {background: url(../img/icons/social/picasa.png) no-repeat;} 
.social_pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;} 
.social_rss {background: url(../img/icons/social/rss.png) no-repeat;} 
.social_skype {background: url(../img/icons/social/skype.png) no-repeat;} 
.social_spotify {background: url(../img/icons/social/spotify.png) no-repeat;} 
.social_stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;} 
.social_tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;} 
.social_twitter {background: url(../img/icons/social/twitter.png) no-repeat;} 
.social_vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;} 
.social_wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;} 
.social_xing {background: url(../img/icons/social/xing.png) no-repeat;} 
.social_yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;} 
.social_youtube {background: url(../img/icons/social/youtube.png) no-repeat;} 
.social_vk {background: url(../img/icons/social/vk.png) no-repeat;}

来源

2014-02-17 user2951386

怀疑它有什么关系与背景图像和更多做的这些元素的相关定位。你可以让jsFiddle复制这个吗？ – Ohgodwhy

我没有得到它，我从来没有做过任何改变背景图片只添加页脚到我的页面 – user2951386

我想定的路径是错误的，试试这个，

.social_amazon { 
background: url(<?php echo base_url();?>img/icons/social/amazon.png) no-repeat; 
}

来源

2014-02-17 05:15:28

相同的内容不显示在不同的浏览器

回答

相关问题