sifr3 - 当 wmode 设置为透明 (Firefox) 时链接不可点击答案

【问题标题】：sifr3 - link not clickable when wmode set to transparent (Firefox)sifr3 - 当 wmode 设置为透明 (Firefox) 时链接不可点击
【发布时间】：2011-06-14 18:48:02
【问题描述】：

sIFR.replace(cochin, {
    selector: 'h1',
    tuneHeight:-5,
    wmode: 'transparent'
          , css: [
            '.sIFR-root { text-align: left; font-weight: bold; color: #959595; line-height: 1em; leading: -2}'
            , 'a { text-decoration: none;}'
            , 'a:link { color: #959595; }'
            , 'a:hover { color: #bbbaba; }'
          ]
          , filters: {
              DropShadow: {
                  distance: 1
              , color: '#2d2a26'
              , strength: 1
              }
          }

});

如果替换元素是链接并且设置了wmode: 'transparent'，那么我注意到以下错误： - 如果我滚动页面，单击某处（不在 sifr 链接上），然后将鼠标悬停在 sifr 链接上，我没有手（点）光标（默认显示）。如果我单击一个链接，然后鼠标重新定位光标变为手形，然后链接将获得正常行为（悬停也处于活动状态）。如果我删除 wmode: 'transparent' 然后链接正常运行。这在 Firefox 中很明显，在 IE 中可以正常工作。

有人遇到过类似的问题吗？

【问题讨论】：

标签： hyperlink hover transparent sifr3 wmode

【解决方案1】：

这是 Firefox 的一个已知问题。我发现的唯一解决方法是添加这个 css 规则：

.fontname:hover {background-position:0% 100%;}

在此示例中，fontname 是确定替换哪些标签的 CSS 类（在您的情况下，这将是 h1:hover）

【讨论】：