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 回答