2012-10-19 3 views
0

현재 IE에서 글꼴 색상 문제가 있습니다. 내 CSS에서는 색상을 지정했지만 IE에서는이를 무시하고 있습니다.Internet Explorer 글꼴 색상 버그

http://www.james-hayward.com/property_type/for-sale/

색상은 여기에서 설정됩니다

.entry-info a { 
    color: #663399; 
    cursor: pointer; 
} 

이 IE의 모든 버전 (그래서 보통 IE6/팔분의 칠 수정 쓸모없는 것)

+0

먼저 마크 업의 유효성을 검사해야합니다. 78 번째 줄에 앵커 요소가 있습니다. 즉, f12 도구가 정확히 무슨 일이 일어나는지 확인할 수 없습니다. 귀하의 문제를 해결할 수는 있지만, 그렇지 않은 경우에도 정확히 무슨 일이 일어나는지 보게 될 것입니다. – albert

답변

1

당신은이 될 것으로 보인다 귀하 틀린 길을 돌아서 통치하면, 그것은 a .entry-info 일 것임에 틀림 없다. 그러나 당신이 쓰는 길은 나의 의견으로는 나쁘다. 이것은 작동 할 수

.entry-info h1 { 
    color: #663399; 
    cursor: pointer; 
} 
+0

html5의 앵커 요소를 중첩시킬 수 있습니다. – albert

+0

'div' 내부의'a'는 html5에서 문제가 없습니다. 하지만 예, 당신의'a'가 당신의 div.entry-info' 바깥에 있습니다. 그래서 당신 규칙은 틀린 순서입니다. – jmoerdyk

+0

죄송합니다. 예, 맞습니다. 나는 html5 :-)를 편집하지 못했습니다. –

1

사용이 .entry-info h1 { color: #663399;}

1

당신의 요소 중첩이이 HTML5에서 작동하지만, 간단한 변화는 크로스 브라우저 호환되도록하고 피할 수있는 약간 밖으로 것 같습니다 그 전면에 문제 난 당신의 H1 내부에 이동하고 그래서 그것을 참조하는 것이 좋습니다 (HTML5에 대한 지원은 매우 IE7,8 제한 및 IE 6 없음 존재하지 않는 경우) :

.entry-info h1 a { 
    color: #663399; 
    cursor: pointer; 
} 

이뿐 아니라 현재 제공하고있는 붙여 넣기 규칙이 잘못된 순서로되어있어 현재는 .entry-info 스타일 밖에 있습니다.