2014-02-18 100 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

相关问题