2017-07-08 35 views
-1

ディアーズが.....クリックでjqueryのを使用してdivの背景画像を変更するために助けてください背景画像は、IE以外のすべてのブラウザでその作業以下のコードに示すよう

<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> 
をしようとしていますIE 11にjqueryのを使用して変更されていませんここ

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

+0

[インターネットエクスプローラで動作するhtmlの背景イメージを設定するにはどうすればいいですか?](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

親愛なる、私は背景を使ってみましたが、動作しません。 –

+0

私は答えを更新しました。 JavaScriptの修正で2番目のものを使用してください。 –

+0

背景を使用していただきありがとうございます –