小编Les*_*eOA的帖子

是否可以通过覆盖元素传递鼠标点击:

<div style="background: url('img/rain.png'); z-index: 100; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;"></div>

到底层元素(段落,图像,链接等)？

或者措辞另一种方式:

有没有办法在HTML,CSS和/或JavaScript中创建纯粹的美学叠加层？

最近我问了这个问题,关于如何通过元素传递点击(例如全屏覆盖).收到了一些很好的建议,但我仍然想知道哪些浏览器原生支持...

对于那些跳过前一个链接的人来说,叠加层纯粹是装饰性的,必须重叠并且应该忽略点击(所有鼠标事件应该通过它)...

到目前为止,我只是设法使用WebKit浏览器.

Works(Chrome和Safari 4): -
<image src='./images/75/75.overlay.blood.png' width='100%' height='100%' style='z-index: 3; position: absolute; top: 0; left: 0; pointer-events: none;' />

众所周知,Firefox支持SVG指针事件(以及3.6中的其他HTML元素); 问题是,我似乎无法使用SVG(例如xlink:href="overlay.24bit.8alpha.png").

我希望可以实现的另一种方法是在HTML中使用XUL.

我希望mousethrough="always"在叠加层上使用该属性(<image>等).还没有工作......

奇怪的是,Internet Explorer将Alpha不透明PNG透明区域视为"点击",这很方便.

在Firefox(3+)中实现此目的的任何其他好的(或简单但hackky)方法.考虑了Flash覆盖wmode="transparent"(失败).

至今...

$('#container').load(hash + ' #page','', function() { 
    $('#container').fadeIn('fast');
    document.title = $('#title').load(hash + ' #title').text();
    });

......不起作用.有没有更好/正确的方法来做到这一点？

仅供参考: -

• 我添加了ID #title标签(所有页面/它都是PHP模板).
• 容器是.fade(ed)预先输出(不太重要)

提前致谢.