IE8에서 CSS 문제를 해결하는 데 도움이 필요합니까?

안녕하세요 여러분, 제 스타일 시트 즉, 즉 8과 같은 크로스 브라우저 문제가 있습니다.IE8에서 CSS 문제를 해결하는 데 도움이 필요합니까?

아래의 CSS는 내 chrome/ff 스타일 시트에서 제대로 작동하지만 내 ie 스타일 시트에서는 전혀 작동하지 않습니다.

#threetwoBTN { 
background-repeat: no-repeat; 
background-image: url('../images/32Button_BG01.png'); 
} 
a#threetwoBTN:hover { 
background-repeat: no-repeat; 
background-image: url('../images/32Button_BG02.png'); 
}

IE의 경우, 아래에 나와 있습니다.

#threetwoBTN { 
background-repeat: no-repeat; 
background-image: url('../images/32Button_BG01.png'); 
}

내 배경 이미지와 그것에 대해 먹으 렴을 적용 할 수 있습니다, 위의 작동 내가 원하는 호버 효과는 모든 IE8에서 작동하지 않습니다.

<div class="ContentBody"> 
    <div class="LeftContentBody"> 
     <br/> 
      <!-- another div but ignored for example! --> 
     <br /> 
     <a id="threetwoBTN">Download 32-Bit</a> 
     <p> 
      * ... 
     </p>

각각에 대한 ID 세트 '는'태그 나 대상과 스타일을 각각의 앵커 방법은 각 태그 할 수있는 사람 등 서로 다른 배경과 효과를 가지고로 보이게 할 수 있습니다 : 다음은 내 태그의 구조는 다음과 같다 이 IE 관련 문제를 설명해 주시겠습니까?

UPDATE : 사용자가 앵커 태그 사이에있는 텍스트가 표시되지 않도록

텍스트는 페이지를 들여된다. 이는 버튼이 모두 배경 이미지로 구성되었음을 의미합니다. 명확성을 위해 CSS 아래에 앵커 태그의 스타일을 적용하기 위해 붙여 넣었습니다.

.LeftContentBody a { 
font-size: 10px; 
text-indent: -1500px; 
width: 124px; 
height: 62px; 
border: 2px solid #000000; 
margin-left: 32px; 
margin-bottom: 32px; 
float: left; 
clear: left; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
}

출처

2011-04-20 IbrarMumtaz

태그에 href 속성을 추가하고 #을 사용해보십시오.

희망이 있습니다.

#threetwoBTN 
{ 
    background: #CCC;  
} 
#threetwoBTN:hover { 
    background: #AAA; 
} 

<div class="ContentBody">  
<div class="LeftContentBody">   
    <br/>    
    <!-- another div but ignored for example! -->   
    <br />   
    <a href="#" id="threetwoBTN">Download 32-Bit</a>   
    <p>* ...</p> 
</div> 
</div>

출처

2011-04-20 17:07:29 omabena

위의 IE8에서 작동합니까? – IbrarMumtaz

문제가 백그라운드에서 태그를 변경하지 않았다면 그렇습니다. – omabena

건배 야, 별도의 .html 파일로 복제했지만, 왜 내 홈페이지에서 깨진 지 확인하려면 몇 가지 추가 테스트를 수행해야합니다. .aspx가 맞는지는 중요하지 않습니다. .html 파일로 작은 테스트를 했나요? – IbrarMumtaz

이미지는 텍스트 옆에 위치합니까? 아니면 텍스트를 바꾸시겠습니까?

텍스트를 바꿀 경우이 너비/높이 및 표시 블록을 부여 했습니까?

출처

2011-04-20 16:53:30 gutierrezalex

IE8에서 CSS 문제를 해결하는 데 도움이 필요합니까?

답변

관련 문제