HTML 鼠标悬停拆分按钮图像帮助
HTML help for mouseover split button image
正如我的问题所反映的那样，我是 HTML 的新手，但我需要一些帮助。我有一个 table 单元格，其中包含看起来是第一个按钮但实际上是两个并排的内容。我的目标是当左侧的鼠标悬停在显示图像上方的框中时。当我移动到右边的那个时，会显示另一个。在这两种情况下，鼠标关闭时都会显示默认图像。我可以让左半部分完美地工作，但似乎无法让右半部分的 HTML 代码正确。为此，转到 http://www.greensphotoimages.com 并查看按钮 "About Cori About Ron" 并将鼠标悬停在 "About Cori" 上。我在 table 中使用的代码如下：
非常感谢任何人的帮助！非常感谢。
我将两个按钮放在同一范围内，并使用 CSS 将它们对齐在一起。例如：
<span class="x-split-button">
<button class="x-button x-button-main"> About Ron</button>
<button class="x-button x-button-main">About Cori</button>
</span>
我已经包含了代码笔，所以你可以看到代码和 DEMO
正如我的问题所反映的那样，我是 HTML 的新手，但我需要一些帮助。我有一个 table 单元格，其中包含看起来是第一个按钮但实际上是两个并排的内容。我的目标是当左侧的鼠标悬停在显示图像上方的框中时。当我移动到右边的那个时，会显示另一个。在这两种情况下，鼠标关闭时都会显示默认图像。我可以让左半部分完美地工作，但似乎无法让右半部分的 HTML 代码正确。为此，转到 http://www.greensphotoimages.com 并查看按钮 "About Cori About Ron" 并将鼠标悬停在 "About Cori" 上。我在 table 中使用的代码如下：
非常感谢任何人的帮助！非常感谢。
我将两个按钮放在同一范围内，并使用 CSS 将它们对齐在一起。例如：
<span class="x-split-button">
<button class="x-button x-button-main"> About Ron</button>
<button class="x-button x-button-main">About Cori</button>
</span>
我已经包含了代码笔，所以你可以看到代码和 DEMO