2014-02-18 101 views
0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style> 

.box{ 
    display: none; 
    width: 100%; 
} 

a:hover + .box,.box:hover{ 
    display: block; 
    position: relative; 
    z-index: 100; 
} 

</style> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 

<body> 
<a href="Spanishwordoftheweek.pdf"><img src = "spanishwordbanner.png" /></a><div class="box"><iframe src="Spanishwordoftheweek.pdf" width = "800" height = "1050"> <p> Your browser does not support iframe. </p></iframe></div> 
</body> 
</html> 

這是一個簡單的圖片,顯示在懸停的PDF。它在Chrome和Firefox中完美工作,但不在IE8中。有人知道爲什麼嗎?爲什麼這個工作在Firefox和Chrome,但不是IE8

謝謝

+1

以什麼方式在IE8中不起作用? – Matt

+0

當您懸停在圖片上時,iframe從不出現。 – kirie

+0

如果你打開開發者工具(F12)和「開始調試」,任何javascript錯誤? – Matt

回答

1

這是Internet Explorer中'某些'元素不支持懸停的錯誤。也許this stack overflow thread與您的問題有關。

編輯:找到another one

+0

它還表示它不允許我的網頁運行可以訪問您的計算機的腳本或ActiveX控件。我不認爲這是問題,但似乎有些人在同樣的事情上有麻煩。 – kirie

相關問題