이미지 링크가 작동하지 않습니다. 즉 조건부 스타일이 보이지 않습니다.

Question

그래서 저는 친척의 사이트를 수정하도록 자원했습니다. 코드는 iweb에 의해 생성되었으므로 귀엽지 않다는 것을 상상할 수 있습니다. 어쨌든 몇 가지 문제가 있습니다. 먼저 링크에 이미지를 넣었지만 작동하지 않습니다. (링크가 따라 가지 않고 있습니다.)

<a href="http://www.facebook.com/brackenhollow.stables" style="display:block; z-index:300;"><img src="sidebarbgs_05.png" alt="we're all about horseback riding"/></a>

또한 당신은 인라인 스타일을 통지 그렇게하지 척합니다. 다른 하나는 메인 페이지의 영웅 요소가 작동하지 않습니다. 즉 head 요소에서 찾을 수있는 조건부 스타일을 시도했지만 어떤 이유로 인해 적용되지 않았습니다.

<style type="text/css"> 
.tinyText{ 
top: 8px !important; 

} 
[if IE] #stupidie{ 
left: -4px !important; 
top: 1px !important; 

} 
</style> 

어떤 제안이? www.brackenhollowstables.com

Answer 1

내가 알지 못하는 형식이있을 수 있지만 귀하의 IE 조건부 형식이 잘못된 것으로 보입니다. 오히려

[if IE] #stupidie{ 
left: -4px !important; 
top: 1px !important; 

} 

보다 그것은 당신의 링크가 작동하지 않습니다와

문제는 Z-인덱스 때문이다 UPDATE

<!--[if IE]> 
#stupidie{ 
left: -4px !important; 
top: 1px !important; 
} 
<![endif]--> 

해야한다. 페이지 전체에 걸쳐 완전히 엉망진창이 있으며 #body_layer div가 사이드 바를 덮고있는 것으로 보입니다. CSS에서 z-index 속성을 제거하면 링크를 클릭 할 수 있습니다. 그래도 나머지 페이지는 손상됩니다. 당신이 할 수있는 또 다른 일은 너비를 #body_layer ~ 500px로 변경하는 것입니다. 그것은 사이드 바에 오버플로가 일어나지 않도록하고 링크를 덮습니다.

Answer 2

이미지는 소스 URL에 ./이 누락 된 것 같습니다. 마찬가지로, 그것은해야한다 :

이

<img src="./sidebarbgs_05.png" alt="we're all about horseback riding"/>

(이것은 상대 URL에 대한 작업) 어떤 링크에서 이미지에 대한