相同的內容不顯示在不同的瀏覽器

我正在使用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

相同的內容不顯示在不同的瀏覽器

回答

相關問題