在chrome中包含html5视频时出现css悬停问题
我试图在页面上使用html5视频标签，但我发现悬停无法正常工作。我的谷歌浏览器版本是10.0.648.133，我的操作系统是Windows7 以下是一个屏幕截图： 但是当我从页面中删除视频时，效果很好。我做错什么了吗 谢谢！我将感谢你的帮助 以下是我的标记：在chrome中包含html5视频时出现css悬停问题,css,html,google-chrome,html5-video,Css,Html,Google Chrome,Html5 Video,我试图在页面上使用html5视频标签，但我发现悬停无法正常工作。我的谷歌浏览器版本是10.0.648.133，我的操作系统是Windows7 以下是一个屏幕截图： 但是当我从页面中删除视频时，效果很好。我做错什么了吗 谢谢！我将感谢你的帮助 以下是我的标记： <!DOCTYPE html> <html> <head> <title>Chrome mp4 video player test</title> <style type=
<!DOCTYPE html>
<html>
<head>
<title>Chrome mp4 video player test</title>
<style type="text/css">
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
div.with_hover:hover {
background: #EEEEEE;
}
</style>
</head>
<body>
<div>
<video controls="controls">
<source src="test.mp4" type="video/mp4"/>
</video>
</div>
<div class="with_hover">
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a><br/>
<a href="#">Link</a>
</div>
</body>
</html>
Chrome mp4视频播放器测试
a{
文字装饰：无；
}
a:悬停{
文字装饰：下划线；
}
带悬停的分区：悬停{
背景：#EEEEEE；
}