为什么div的mouseover只能在鼠标移动到div里的文字时才被triger啊?

确实是啊,我的div没有设置宽度,是自动调整宽度的.

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你先把div的背景颜色换成红色看看是不是自动调整大小的再说吧。如果在自动调整大小，那么你用css给它固定好不就行了么。
你需要的非文字部分多高,你就把层用CSS设置多高,文本多的话他自己会撑高的
请试验一下
<div style="cursor:hand"></div>
<html>
<style>
.item{background-color:#00dd00; border:1px solid #FFFFFF;CURSOR: hand;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px; BACKGROUND-COLOR: #FFFFFF;}
</style>
<body>
   <div >
      <div class="group">
         <div class="item">Item1</div>
         <div class="item">Item2</div>
         <div class="item">Item3-----</div>
         <div class="item">item4</div>
      </div>
   </div>
</div>
</body>
</html>
这就我的代码,因为不知道item里的文字最长的有多长啊,所以无法设置,
我想作一个菜单的,每个item应该一样长的.
（以前用的）判断鼠标是否进入了某一个块的区域内：
function InRect(E)
{
  return (event.x >= parseInt(E.style.pixelLeft))
      && (event.y >= parseInt(E.style.pixelTop))
      && (event.x <= parseInt(E.style.pixelLeft) + E.offsetWidth)
      && (event.y <= parseInt(E.style.pixelTop) + E.offsetHeight);
}
function DocMouseMove()
{
var obj = document.all["divID"];
if (InRect(obj))
{
fFadeOut = false;
if (obj.filters.alpha.opacity!=100) DivMouseEnter(obj);
}
  else if (obj.filters.alpha.opacity==100) DivMouseLeave(obj);
}document.onmousemove = DocMouseMove;另外，你有些内容可以用table代替。
给你的DIV设置边框看看到底这个DIV实际有多大
将cursor:hand放入外层的样式中，即.group中：<html>
<style>
.item{background-color:#00dd00; border:1px solid #FFFFFF;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand}
</style>
<body>
   <div>
      <div class="group">
         <div class="item">Item1</div>
         <div class="item">Item2</div>
         <div class="item">Item3-----</div>
         <div class="item">item4</div>
      </div>
   </div>
</div>
</body>
</html>
<html>
<style>
.item{background-color:#00dd00; border:1px solid #FFFFFF;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand}
</style>
<body>
   <div>
      <div class="group">
         <div class="item" onmouseover="alert('Item1');">Item1</div>
         <div class="item">Item2</div>
         <div class="item">Item3-----</div>
         <div class="item">item4</div>
      </div>
   </div>
</div>
</body>
</html>新代码
<html>
<style>
.item{background-color:#00dd00; border:1px solid #0000DD;left:100px;top:100px;}
.group{padding:1px 1px 1px 1px;DISPLAY: inline; LEFT:100px;POSITION: absolute; TOP: 100px;BACKGROUND-COLOR: #FFFFFF;cursor:hand}
</style>
<body>
   <div>
      <div class="group">
         <div class="item" onmouseover="alert('Item1');">Item1</div>
         <div class="item">Item2</div>
         <div class="item">Item3-----</div>
         <div class="item">item4</div>
      </div>
   </div>
</div>
</body>
</html>最新的
1. div 的大小的确是和绿背景一样大.2. 改成cursor:hand也是一样的,另外菜单也不能用hand cursor啊不过我现在改用table实现了,onmouseover加在tr上.谢啦