问题标签 [rollover]

我一直在尝试发布一些代码以仅使用 css 制作图像翻转按钮，

这似乎工作正常。

本地测试显示没有问题，IE、Firefox、safari 一切正常。甚至 chrome 在本地版本上也能按预期显示。

一旦我进行托管测试，IE、Firefox 和 Safari 都会按预期显示，但 chrome 会将所有按钮偏移大约 8-10 像素。

这是测试页面

http://www.fierysurprise.pwp.blueyonder.co.uk/bga/bgd.html

谁能告诉我发生了什么？

建于 Kompozer 的网站

对于调香师的网站，我在架子上展示了一排九瓶。它显示为一张连续的照片。我把它切成九个无缝切片，每个切片都在自己的表格单元格中，并有自己的 id。

我正在考虑使用 jQuery，因为我希望在翻转时使用以下内容：

• 瓶子闪现瞬间明亮也会触发短声音文件。
• 一两毫秒后，恢复正常状态。
• 只有在模糊和重新鼠标悬停时才会重复动作。
• 9 瓶中的每瓶效果相同。

Mousedown（单击）可能不需要效果，只需将特定瓶子的页面定位到首页的 iframe 中。我做了9个alt。切片是白色的，但不知道如何编写具有定时效果的脚本。

闪光？请不要去那里；这让我很疯狂。OTOH，我发现 jQuery 很优雅。

也许在翻转开始时暂时在图像上放置一个白色精灵更容易？我该怎么做呢？提前谢谢了！

简单的问题.. 我有 1 个按钮模式 = true 的 MC。MC 内的 1 个按钮图形内嵌套了 2 个文本字段。我的问题是，当我将鼠标移到按钮上时，如果我滚动文本字段，则滚动效果消失了....鼠标仍在按钮图形内，但滚动效果消失了....见下文..

我希望我能很好地解释自己......当我滚动到文本字段 a 或 b 时......我的按钮的滚动效果消失了......有什么想法吗？谢谢...

更新：

我的结构是

MC 包含 2 个文本字段和 1 个按钮...我在我的 MC 时间轴内设置了 mybtn.mouseEnabled=false...它完全杀死了我的 mybtn 翻转效果...。

这似乎很简单，我很困惑为什么它不工作......我想在滚动时更改 DIV 的背景图像。它适用于 Mac 上的 chrome 和 FF - 但不适用于 PC 上的 FF、IE

CSS - /media/css/mystandard.css

HTML

回复：鲶鱼

谢谢你的提示。不幸的是，我不能使用标签，因为我打算让整个 DIV 更改的背景颜色（有点像 twitter.com Tweets view on rollover）并且不想让 div 中的所有文本成为链接

我将如何执行以下操作，最好只使用 CSS（但也可能是 jquery）和 PHP。

我有一个 div 区域 button_background，它有一个背景图像。在那个 div 里面是一个 A 标签，它的背景覆盖了 div 的背景。（这是一个半透明的“播放”三角形 png，它覆盖了视频中的静止图像）。我想在翻转时更改 A 标签的背景（变为较暗的三角形）。

从：

到

请注意，我是从 PHP 生成的，按钮背景图像的 url 是一个名为 $still 的变量。

这是粗略的html：

我正在尝试创建一个基于 CSS 的图像翻转导航栏。出于某种原因，我无法将图像放在正确的位置。我希望有人能帮忙。

https://www.dropbox.com/ - 他们的播放按钮，他们是如何创造这种效果的？从我可以看到他们正在使用：

但不确定如何在我们的网站上创建这种效果。我正在运行.NET。非常感谢。

我正在收听 Java 中 syslog 文件的更改。我使用接受的答案来处理文件的新条目。但是，我找不到检测翻转文件的有效解决方案。系统日志文件可能每天滚动更新或基于文件大小。

处理此类案件的最佳做法是什么？

我不知何故找到了这个网页，完全被导航栏惊呆了。www.webdesignerwall.com

当您将鼠标放在“主页”、“关于”或“工作”菜单选项上时，您会在上方的棕色区域中获得令人敬畏的翻转效果。我非常喜欢它并且有类似的想法，但是作为一个业余爱好者，我真的不能说那是什么类型的编程。我会说它本身使用 Ajax 或 JavaScript，但我希望你们中的一些人向我解释它，甚至分享一些类似的例子。

谢谢

是的，我在这个上画了一个空白，在玩了一下之后，css并不像我想要的那样整洁。导航/翻转图像在 Firefox 中按我想要的方式工作，但我无法在 IE 中工作。IE 基本上将翻转链接堆叠在一起。http://www.plumberkendal.co.uk <--- 它上传到这里，你可以明白我的意思。

1）显示：内联；/// 似乎杀死了 IE 和 FF 中的链接。

2）显示：inline-block；/// 这也是它现在设置的，这似乎适用于 FF 和 chrome 但不适用于 IE。非常感谢任何帮助！

CSS

HTML