相关疑难解决方法(0)

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

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

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

我有一个盒子,在盘旋时会改变大小.但是,我想延迟鼠标输出阶段,以便在恢复旧尺寸之前,盒子保持新尺寸几秒钟.

div {
    width: 70px;
    -webkit-transition: .5s all;    
}

div:hover {
    width:130px;
}

这可能没有Javascript和CSS3吗？我只需要关心支持webkit.

我在背景图像下面有一个按钮.为了使按钮可单击,我添加了一个"指针 - 事件:无".但是,我还想要一个精灵图像,我在hover上更改背景图像,指针事件也会禁用.有没有办法保持元素的悬停属性,同时点击通过它？

当点击#cover_button时,我搜索并尝试了jquery unbind click并返回false,但它没有用.

这是我的代码.如果我保留指针事件:无,我可以单击背景图像下面的按钮.但这会禁用悬停属性.如果我将其删除,我将无法点击.

#cover_button {
    pointer-event: none;
    position: absolute;
    width: 46px;
    height: 24px;
    left: 0;
    top: 0;
    background: url(http://s13.postimg.org/bqxlnbfs3/Like.png);
}

#cover_button:hover {
    background: url(http://www.moronacity.com/tech-journal/images/2011/February/small-Facebook-like-button-counter.gif);
}

编辑:
这是一个小提琴:可点击但不可爱 http://jsfiddle.net/3PXTK/1/

这是另一个:Hoverable但不可点击(我刚删除指针事件:无) http://jsfiddle.net/3PXTK/

由于我的上一个问题被标记为重复,虽然它没有重复,并且没有人将其更改回来,我将再次提出我的问题.

我有一个<a>,默认情况下有一个点击功能.这<a>也有一个悬停,我想保留.

如何禁用点击功能,但保持悬停？

Ps,我很想看到CSS解决方案!

重要!上次,我的问题被标记为此问题的副本:如何仅使用CSS禁用链接？,但pointer-events:none;也阻止了悬停.

如果它仍然是重复的,请将其标记为真正重复的问题的副本.

编辑:我忘了提一下,我的悬停是这样的:https: //jsfiddle.net/7o3dbak7/7/

HTML:

<div class="container">
  <ul>
    <li id="item1"><a href="somelinkthatistherebecauseitis">hoverable object</a></li>
    <li id="item2">text object, here comes alot of text explaining certain features of the website.</li>
  </ul>
</div>

CSS:

.container ul #item2 {
  display: none;
  width: 150px;
  padding: 20px;
  background: red;
  color: white;
  cursor: pointer
}

.container ul #item1 {
  pointer-events: none;
}

.container ul #item1:hover + #item2 {
  display: block;
}

说我有divA部分重叠divB.我如何允许点击divA进入divB但仍然hover在悬停时被解雇divA？

我知道pointer-events:none;这会使点击通过,但它也可以防止悬停.

我也尝试过以下内容,但它不允许点击通过

$(document).on('click', '.feedback-helper', function(e){
        e.preventDefault();
})

想象div的关系如:

这就是它的原因(读作:"让我们避免XY问题"):

我正在研究feedback.js的实现

要查看问题:

• 查看feedback.js演示
• 单击右下角的反馈按钮
• 在屏幕上绘制一个框以突出显示一个部分
• 单击"停电"按钮
• 尝试在第一个框内绘制一个框,但是 因为第一个框阻止了单击

我需要允许在突出显示的区域上绘制一个遮光框,但如果我设置,pointer-events:none;我将丢失其他悬停功能,我对这些元素.

这是一个jsFiddle示例

欢迎所有解决方案