0

考虑以下 HTML:

<div id="mydiv">Big shiny error goes here</div>

使用下面的 CSS,div即使页面滚动,它也会保持在右上角。

#mydiv {
  position:fixed;
  right:0;
  top:0;
  background-color: red;
}

是否有可能mydiv在悬停时淡出到 10% 的不透明度并允许用户使用下面的页面元素,例如选择文本并复制到剪贴板?这个想法是mydiv应该始终保持可见,但它不应该阻止用户的操作。

作为额外的奖励,mydiv如果在下面找不到任何元素,那么选择 的文本会很好。

编辑: hover +z-index方法似乎效果不佳,请参阅此 jsfiddle

4

2 回答 2

1

我能想到的最接近的方法是给内容区域 a z-index,比如说,1。然后,使用:hover,给错误 div 一个较低z-index的位置,以将其定位在主要区域的后面。这将允许主要内容上的鼠标事件。您还可以根据需要调整不透明度以使其淡出。我相信,如果元素前面没有其他内容,IE 将允许您在元素上单击/拖动/任何内容,但 Chrome 和 Firefox 会认为它被内容区域隐藏,即使那里实际上没有“任何东西”。

于 2013-04-25T00:01:20.760 回答
0
$(document).ready(function(){
  var id = $('#selector')
  id.mouseover(function(){
    id.fadeOut(800,function(){
      id.hide();
    });
  })
  id.mouseout(function(){
    id.fadeIn(800,function(){

    });
  })
});

选择器应将分区指向顶部

于 2013-04-25T14:03:34.540 回答