我创建了一个小的div矩形“按钮”，它包含在块级标签中，从而使整个div成为翻转链接，通过事件处理程序和javascript，在页面上交换两个图像。我想在这个div中添加一些文本来识别翻转按钮。但是，由于它位于“a”标记内，因此div中的所有文本都会立即设置为链接文本。我可以设置/禁用链接的伪造类，没问题。
问题是：当将鼠标悬停在div中的文本上时，如何在div 中激活事件处理程序？现在，它会触发两次：一次将光标移动到div中，一次将鼠标悬停在文本上。我希望文本被忽略或“扁平化”到背景中......
使用按钮图形可能最容易实现老式的方式。我希望只用CSS做到这一点。
CSS：
a.notunderlined {text-decoration:none; display:block;}
#compbutton {position:relative; text-align:center;
width:154px; height:31px; background:black;}
p6 {position:relative; font-family:open_sansregular; font-size:9pt;
letter-spacing:1px; color:white; top:5px;}
标记：
<a class="notunderlined" href="composition.html">
<div id="compbutton" onMouseOver="MM_swapImage('mainpic','',
'images/anigifs/ear8.gif',1)" onMouseOut="MM_swapImgRestore()">
<p6>composition</p6>
</div>
</a>
我尝试添加一个空div（“csstext”）而不是上面的p6标签，并通过CSS添加单词（'composition'），如下所示：
#csstext:before {content:"composition";}
有趣的是，通过CSS在div中添加单词会在文本基线的整个div中创建一条不可见的水平线。在div中的任何位置移动光标会触发事件处理程序触发交换。如果有人能解释那 ......我很乐意听到它。
谢谢大家......！