链接元素内可点击的 sIFR
我正在开发的网站有一些大型图形按钮,它们使用 sIFR 来显示其标题。结构如下所示:
<a href="link.to.somewhere">
<div class="topGfx"></div>
<div class="content">
<h2>Heading goes here</h2>
<p>Content goes here</p>
<div class="bottomGfx"></div>
</a>
我将
元素替换为 sIFR 3,修订版 436。
在激活 sIFR 之前,一切都运行良好。字体替换得很好,但标题无法再单击,即使按钮的其余部分可以单击。我尝试在
标题中添加另一个
,但这破坏了整个布局,因为有多个
标记不能嵌套。
有没有“正确”的方法来解决这个问题,或者我应该在整个事情之上用一些丑陋的东西来解决这个问题,比如 z 索引的可点击 blank.gif
?还是我错过了其他错误?
My site in progress has some large graphical buttons that uses sIFR to display their headings. The structure looks like this:
<a href="link.to.somewhere">
<div class="topGfx"></div>
<div class="content">
<h2>Heading goes here</h2>
<p>Content goes here</p>
<div class="bottomGfx"></div>
</a>
I'm replacing the <h2>
element with sIFR 3, revision 436.
Everything works great until I activate sIFR. The font is replaced just fine, but the heading can no longer be clicked even though the rest of the button can. I tried to add another <a>
inside the <h2>
heading but that broke the whole layout since multiple <a>
tags can't be nested.
Is there a "correct" way to fix this or should I work around it with something ugly like a z-indexed clickable blank.gif
on top of the whole thing? Or is there something else wrong that I've missed?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
该链接必须位于 Flash 影片内部才能可靠工作 - 也就是说,如果您替换
h2
,则a
必须位于该h2.
The link has to be inside the Flash movie for it to work reliably — that is, if you replace an
h2
, thea
must be inside thath2
.经过大量实验,我发现将 sIFR 的
wmode
设置为transparent
可以让点击传递到包含的元素。After lots of experimenting, I found out that setting sIFR's
wmode
totransparent
lets the clicks fall through to the containing element.