2017-07-08 99 views
-1

逗人我試圖改變使用上點擊jQuery的DIV背景圖像,如圖代碼其工作下面所有的瀏覽器除了IE以外.....幫助,請背景圖像是使用IE瀏覽器的jQuery 11個

<div id="section1" class="section111"> 
     <div class="container"> 
      <div style="width: 100%; z-index: 999999999;" class="ServicesTitle"> 
       <p class="Main_TitaleServices">SERVICES & SOLUTIONS</p> 
       <p class="slogan">Full Solutions for a Perfect Business </p> 
      </div> 
      <div id="title-underline" style="margin-bottom: -30px;"> 
       <img src="../../App_Themes/ThemeEn/Images/title-underline.png"> 
      </div> 
      <div class="firstrow"> 
       <div class="col-lg-3 divServices "> 
       </div> 
       </div> 

     </div> 
    </div> 
不改變

這裏是腳本

<script> 
$(function() { 
$("#WebsiteDevelopment").click(function() { 
    $("#section1").css("background-image", "url(/App_Themes/ThemeEn/Images/webdevelopment.jpg !important") 
    /

}); 
$("#btnWebsiteDevelopment").click(function() { 


    $("#section1").css("background-image", "url(/App_Themes/ThemeEn/Images/section1bg.png") 

}); 
}); 
</script> 
+0

的[動態地切換 '背景圖像' 中的IE不工作]可能的複製(https://stackoverflow.com/questions/3205110/動態切換背景圖像不工作在ie) –

+0

可能重複的[如何在HTML中設置背景圖像在Internet Explorer中工作?](https://stackoverflow.com/questions/19449185/how-在設置背景圖像在HTML中,工作在互聯網瀏覽器) – Shiladitya

+0

你嘗試刪除!重要? – itacode

回答

0

嘗試設置background而不是background-image

<script> 
$(function() { 
$("#WebsiteDevelopment").click(function() { 
    $("#section1").css("background", "url(/App_Themes/ThemeEn/Images/webdevelopment.jpg !important") 
    /

}); 
$("#btnWebsiteDevelopment").click(function() { 


    $("#section1").css("background", "url(/App_Themes/ThemeEn/Images/section1bg.png") 

}); 
}); 
</script> 

或者使用純javascript方法,

document.getElementById('section1').backgroundImage = "url('url(/App_Themes/ThemeEn/Images/webdevelopment.jpg !important')"; 
+0

親愛的AKA,我嘗試過使用背景,但仍然不工作 –

+0

我已經更新了答案。使用第二個JavaScript修復。 –

+0

感謝其使用背景 –

相關問題