IE7을 사용하여 이미지 옆에 이미지 표시

다음 스크립트는 텍스트 옆에 이미지를 보여줍니다. IE7에서는 작동하지 않습니다. 어떻게 수정해야합니까? 감사합니다IE7을 사용하여 이미지 옆에 이미지 표시

<style type="text/css"> 

    div {width:200px} 
    div span { 
     padding: 0 5px 0 30px; 
     background-image: url("bg.gif"); 
     background-position:center; 
     background-repeat: no-repeat; 
    } 

</style> 


<body> 
    <div>Text 1<span></span></div> 
    <div>Text 2<span></span></div> 
    <div>Text 3<span></span></div> 
</body>

출처

2012-11-24 user1032531

html 페이지에 doctype을 지정 했습니까? 예 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

출처

2012-11-24 13:35:44 user1849494

예, 시도했지만 여전히 동일합니다. – user1032531

IE가 빈 스팬을 좋아하지 않을 수도 있습니다. 다음을 시도하십시오. ' – user1849494

아니요, IE는 빈 스팬을 좋아하지 않습니다! 향후 시청자를 위해 답변을 업데이트 하시겠습니까? 그럼에도 불구하고, 당신 말이 맞습니다. 감사 – user1032531

div, div > span{ 
    display:inline; 
    float:left; 
}

나는 당신의 문제, 브라우저 문제와 HTML을 기반으로 스크립트의 작은 비트를 제공했습니다. 이 코드를 HTML IE7 조건에 넣는 것이 좋습니다.

<!--[if IE7]--> 
    <!-- your CSS here --> 
<!--[endif]-->

전체 브라우저 용 CSS가 제거됩니다.

출처

2012-11-24 13:20:58 sourRaspberri

감사합니다. Beneto. IE7은 텍스트 아래의 이미지를 보여 주며 다른 모든 브라우저는 이미지를 표시하지 않습니다. – user1032531

오, 물론 위의 코드는 ie7의 텍스트 옆에 이미지를 보여줍니다. 위에서 요소가 쿼리를 사용하여 삽입되었다고하셨습니까? 그게 문제 일 수 있니? 어떻게 지내니? – sourRaspberri

배경 이미지를 사용해서는 안됩니다.

<style type="text/css"> 
    div img.image { 
     padding-left: 15px; 
    } 

</style> 


<body> 
    <div><span>Text 1</span><img class="image" src="bg.gif" /></div> 
    <div><span>Text 2</span><img class="image" src="bg.gif" /></div> 
    <div><span>Text 3</span><img class="image" src="bg.gif" /></div> 
</body>

출처

2012-11-24 13:35:08 user1032531

사실, 이것은 내 요구를 충족시키지 못합니다. 스팬은 jQuery 플러그인에 의해 삽입되며 이미지로 변경하는 것은 불가능합니다. – user1032531

IE7을 사용하여 이미지 옆에 이미지 표시

답변

관련 문제