« YetiSports企鹅第六弹 | 首页 | Mozilla新版网站发布 »
分类: 标准叹
2004年09月01日
overflow vs. 鼠标中键
是在写TopicLive Devlog模板时偶尔发现的，如果定义了嵌套区块元素(比如<div>)的overflow溢出样式，在这个区块上方，鼠标中键将失效，这主要是存在于IE中，Mozilla/Firefox/Opera普遍使用自定义的mouse guesture，所以不存在这个问题或者根本就谈不上这个问题。比如用IE浏览Plod的时候，在中间内容部分按鼠标中键(假设你的鼠标有中键)，那个上下滚屏箭头没有出现吧......
将下面的代码保存为html文件看看，在两个不同的色块上点鼠标中键试试看~~~
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Overflow vs. Center Mouse button</title>
<style type="text/css">
<!--
body {
font-family: Georgia, Verdana, Arial, sans-serif;
font-size: 12px;
background-color: #CC0000;
text-align: center;
}
#container {
width: 100%;
display: block;
}
.content {
color: #99CCFF;
padding: 20px;
border: 2px solid #FFFFFF;
background-color: #003366;
float: left;
margin: 10px;
height: 1000px;
width: 55%;
overflow: hidden;
}
.menu {
color: #000000;
background-color: #FFCC99;
margin: 10px;
padding: 20px;
float: left;
height: 1000px;
width: 25%;
border: 2px double #333333;
}
-->
</style>
</head>
<body>
<div id="container">
<div class="content">
<p>Class "content" With Overflow</p>
<p>Hold center mouse button</p>
<p>The nav-arrow won't show up </p>
</div>
<div class="menu">
<p>Class "menu" Without Overflow</p>
<p>Hold center mouse button</p>
<p>The nav-arrow shows up </p>
</div>
</div>
</body>
</html>
至于什么原因，只能解释为overflow的目的就是设置文字流在区块中的溢出占位方法，于是...于是...于是IE便不能从窗口直接继承鼠标位置？还有没有更好的解释？再想想~~~
Trackback Pings
本篇日志的回溯引用地址:
http://plod.popoever.com/acp630/mt-tb.cgi/328
Comments
#691
不,中键有效.
Posted by 大郎 at 2004年09月03日 10:22 | back to top
#695
能告诉我你的操作系统和浏览器版本么？可能和IE版本有关，我是Win2k Server+SP4/IE6.0.2800.1106+SP1，这个版本开始禁用了很多原本支持的属性，但是IE6.0.2600仍然和5.5一样支持这些属性~~~
Posted by POPOEVER at 2004年09月03日 21:25 | back to top
#705
主页面区块上方无效,留言页有效
IE6.0.2800.1106.xpSP2.030422-1633Posted by hot_coffee at 2004年09月04日 21:39 | back to top
#707
win2000 asev + sp4,IE6.0
经过windows updata更新的最新版.Posted by 大郎 at 2004年09月05日 11:18 | back to top
#709
hot_coffee，是的，我指的是首页，留言页没定义过overflow
大郎，我觉得奇怪内，为什么我的几个朋友用相同环境测试后都和我结论一致，就你不一样，奇怪，难道ad server和server还有区别？不会吧o_OPosted by POPOEVER at 2004年09月05日 14:15 | back to top
#718
不好意思.经测试,首页内容区的确无法使用中键的滚动功能,但在你的白色滚动条右侧,仍可以使用中键.:)
Posted by 大郎 at 2004年09月07日 13:09 | back to top
#719
哈哈，白色滚动条右侧不是<div>，是<body>的border
^______________^Posted by POPOEVER at 2004年09月07日 17:04 | back to top
Post a comment
即便如此，也请遵纪守法，勿放厥辞
汝国如汝母，辱国如辱母，吾辈当自强
您的观点仅代表个人，与本站无关，望请自尊
Thanks for signing in, . Now you can comment. (sign out)
(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)
