相关疑难解决方法(0)

我正试图在网页上叠加一个元素(以绘制任意图形),我已经到了可以将其堆叠在一切元素之上的点,但是这可以防止用户点击任何链接/按钮/等.有没有办法让它的内容浮在一切之上(它是半透明的,所以你仍然可以看到背后的东西)并让用户与它下面的层进行交互？

我已经找到了很多有关DOM事件模型的信息,但没有一个解决了按钮和其他"本机"控件似乎从来没有获得点击的问题.

我有一个下拉导航菜单,其中一些标题在点击时不应导航到其他页面(这些标题在点击时打开一个下拉菜单),而其他标题应该导航(这些没有下拉列表并直接导航).但是,两者都是类型已经href定义了它们

为了解决这个问题,我为前一类标题添加了以下css

pointer-events: none;

它工作正常.但由于IE不支持此属性,我正在寻找一些解决方法.令人讨厌的是,我没有访问权限和完全更改HTML和JavaScript代码的权限.

有任何想法吗？

我有四个div元素,在鼠标悬停时,所选的div将被缩放.但是我需要得到其余三个底层div的鼠标悬停事件,即使另一个被覆盖,这样我可以使较早的一个不变焦而且当前悬停的一个变焦.

请考虑我的小提琴:http://jsfiddle.net/aniprasanth/7jFGH/1/

HTML代码是这样的

<div id="main_window">
                <div class="multi-window">
                    <div class="zoomer tile">
                        <img src="images/img1.jpg" width="207" height="138" />
                    </div>
                 </div>
              <div class="multi-window">
                    <div class="zoomer tile">
                        <img src="images/img2.jpg" width="207" height="138" />
                    </div>
                 </div>
             <div class="multi-window">
                    <div class="zoomer tile">
                        <img src="images/img3.jpg" width="207" height="138" />
                    </div>
                 </div>
              <div class="multi-window">
                    <div class="zoomer tile">
                        <img src="images/img4.jpg" width="207" height="138" />
                    </div>
                 </div>
            </div>

CSS就是这样的:

#main_right #main_window {
height: 320px;
width: 460px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
position: relative;

}
.multi-window {
height: 150px;
width: 218px; …