相关疑难解决方法(0)

我有一个div具有background:transparent,沿border.在此之下div,我有更多的元素.

目前,当我点击叠加层外部时,我可以单击基础元素div.但是,直接单击叠加层时,我无法单击基础元素div.

我想能够点击这个,div这样我就可以点击底层元素.

我有一个链接按钮<td>,我必须禁用它.这适用于IE但不适用于Firefox和Chrome.结构是 - 链接在一个<td>.我无法添加任何容器<td>(如div/span)

我尝试了以下所有但不使用Firefox(使用1.4.2 js):

$(td).children().each(function () {
        $(this).attr('disabled', 'disabled');
  });


  $(td).children().attr('disabled', 'disabled');

  $(td).children().attr('disabled', true);

  $(td).children().attr('disabled', 'true');

注 - 我无法取消注册锚标记的click函数,因为它是动态注册的.我必须在禁用模式下显示链接.

如何在CSS中禁用文本框？目前,我们在视图中有一个文本框,可以根据模型中的属性启用/禁用.我们有asp.net MVC视图; 取决于Model属性的值,我们需要呈现文本框或只读文本框.我们正在考虑通过将CSS应用于视图控件来实现此目的.有人早点这样做过吗？

我正在开展一个项目,我们通过在图表上显示渐变PNG来增强高级图表.我们正在使用CSS pointer-events:none;来允许用户与图表进行交互,尽管顶部有一个div.IE无法识别pointer-events:none;,因此IE上的用户既不能拥有增强的图表设计,也不能与图表进行交互.我正在寻找一种方法让IE允许鼠标事件(特定悬停事件),通过div传递给它下面的元素.

你可以在这里看到我们正在使用的模型:http://jsfiddle.net/PFKEM/2/

有没有办法让IE做类似的事情 pointer events:none;,鼠标事件通过一个元素传递到元素吹他们？

可能重复:
通过覆盖元素<div>传递鼠标

是否可以点击红色方块下面的链接而不用javascript？红色div不需要是可点击的.

http://jsfiddle.net/efortis/LNwHV/

#bottom{
 width: 100px;
 height: 100px;
 background-color: orange;
}

#top{
  width: 50px;
  height: 50px;
  position: absolute;
  left:0;
  top:0;
  background-color: rgba(255,0,0,.5);
 }

我有一个带有SVG文本元素的地图来命名位置.我希望位置(形状)是可点击的,它们是,但因为文本元素位于它们之上,如果有人将鼠标悬停在文本元素上并单击,则没有任何反应,因为没有单击形状:文本元素是.我怎样才能这样做,如果单击文本元素,点击会"通过"它和形状？

CSS - 属性pointer-events: none; 在Firefox中运行良好,但在Internet Explorer 9-10中却没有.

有没有办法在IE中实现此属性的相同行为？有任何想法吗？

有没有人知道jQuery或本地JavaScript方式通过图层启用鼠标事件？例如,启用a下面的链接div.

在我的情况下不能使用的其他解决方案:

• 一个简单的方法,虽然使用不是真的支持pointer-events(编辑截至2017年,广泛支持)
• ExtJS解决方案

假设我有一个图形效果,我希望覆盖HTML-Text.此元素不应干扰网站的可用性,它不会有任何交互目的.是否可以禁用某个html对象上的所有鼠标交互,例如在画布上,这样我仍然可以与底层对象进行交互(点击链接,选择文本......)？

那太好了!

所以,我打算为我的网站制作一个重叠的东西,其中一个元素固定在网站上并置于一切之上.但这意味着元素背后的其他任何东西都不会受到影响.

这是一个重现这个问题的JSFiddle.

您会注意到您无法突出显示黑色文本,并且JavaScript事件不会触发.

这是我用来创建这个问题的CSS + HTML:

HTML

<div id="main-container">
    <div id="container-content">You can't highlight me! D:</div>
    <div id="container-fixed"><div style="margin:90px auto;background:red;width:40px;height:40px;"></div>You cannot highlight the text behind this DIV.  It also doesn't fire click events.</div>
</div>

main-container:这包含内容.

container-content:这是固定DIV背后的内容

container-fixed:这是重叠"容器内容"的DIV

CSS

#main-container {
    width: 90%;
    margin: 5%;
    position: relative;
    height: 500px;
    overflow: auto;
}

#container-content {
    width: 100%;
    height: auto;
}

#container-fixed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: red;
}

我正在努力实现的目标是什么？CSS和JavaScript(jQuery)答案都是允许的.