考虑以下 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。