Question

我正在尝试将html5视频标记用于页面，但我发现悬停不能正常工作。我的谷歌浏览器版本是10.0.648.133，我的操作系统是Windows 7。

以下是截图：http://i.stack.imgur.com/nOOEx.png

但是当我从页面中删除视频时，它可以正常工作。我做错了吗？

谢谢！我将感激你的帮助。：）

这是我的标记：

<!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>

Answer 1

视频完成后，停止徘徊后控件消失，你无法让它们回来。如果你删除了mp4文件的链接，它将不再发生。

在chrome中包含html5视频时，css悬停问题

1 个答案: