2013-05-07 3 views
0

나는 나의 웹 페이지에 그들 옆에있는 div의 배경을 바꾸기로되어있는 라디오 버튼이있다. 이것은 FF, 크롬, 오페라, 사파리에서 제대로 수행되지만 IE에는 없다.배경이 인터넷 익스플로러에서 바뀌지 않는다

코드 :

<script src="jquery-1.9.1.min.js" type="text/javascript"></script> 
<link rel="stylesheet" href="stylecopia.css" type="text/css"> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#uno").click(function() {$("#cambiar").css("background-image","url(../wp-content/uploads/blanco2patas.jpg)")}); 
     $("#dos").click(function() {$("#cambiar").css("background-image","url(../wp-content/uploads/blanco4patas.jpg)")}); 
     $("#tres").click(function() {$("#cambiar").css("background-image","url(../wp-content/uploads/negro2patas.jpg)")}); 
     $("#cuatro").click(function() {$("#cambiar").css("background-image","url(../wp-content/uploads/negro4patas.jpg)")}); 
    }); 
</script> 
<script> 
    function comprobar() { 
     inputs=document.getElementsByTagName('input'); 
     for (x=0;x<inputs.length;x++) { 
      if (inputs[x].value==""||inputs[x].value==" ") { 
       alert('Hay un campo vacío, termine el formulario'); 
       return (false); 
      } 
     } 
     return true; 
    } 
</script> 
<!--PAGE CONTENTS !--> 
<div id="cambiar"></div> 
<form action="p.php" onSubmit="return comprobar()" name="formulario" method="POST"> 
<label class="label_radio" for="sample-radio1"> 
<input name="opcion" required id="uno" checked="checked" value="White U" type="radio"/><span>&nbsp;Blanco U&nbsp;</span><br /><br/> 
</label> 
<label class="label_radio" for="sample-radio2"> 
<input name="opcion" id="dos" value="White Truss" type="radio"/><span>&nbsp;Blanco Truss&nbsp;</span><br/><br/> 
</label> 
<label class="label_radio" for="sample-radio3"> 
<input name="opcion" id="tres" value="Black U" type="radio"/><span>&nbsp;Negro U&nbsp;&nbsp;</span><br /><br/> 
</label> 
<label class="label_radio" for="sample-radio4"> 
<input name="opcion" id="cuatro" value="Black Truss" type="radio"/><span>&nbsp;Negro Truss&nbsp;&nbsp;</span><br/><br/> 
</label> 
<br /> 

답변

0

인터넷 익스플로러를 들어, 속성의 형식은 '배경'속성을 사용하는 경우에도 spaces.Try 동일해야합니다.

background:transparent url(../wp-content/uploads/blanco2patas.jpg); 

는`대한 jQuery :

$(this).css("background", "url(../wp-content/uploads/negro4patas.jpg)"); 

IE 7 + 작업해야합니다.

+0

그것이 작동합니다. 내 배경이 너무 커서 큰 문제가 아니라 생각했습니다. 감사합니다. 감사합니다. – cobcena

관련 문제