Css 将鼠标移到屏幕左侧时使div显示

Css 将鼠标移到屏幕左侧时使div显示,css,Css,我正在努力使用userscript编辑网站的css。它有一个div,我希望它只有在我将鼠标移到屏幕左侧时才可见。上面提到的div已经在左边,宽度为220px,高度贯穿整个页面。我想让它只在我把鼠标从左边移到110像素左右时才显示出来。任何想法都将不胜感激。 提前感谢。您必须更具体地说明“屏幕左侧”。如果左侧有一个div,我们可以针对您使用 $("#left").mouseenter(function() { $("#right").show(); }).mouseleave(function

我正在努力使用userscript编辑网站的css。它有一个div,我希望它只有在我将鼠标移到屏幕左侧时才可见。上面提到的div已经在左边,宽度为220px,高度贯穿整个页面。我想让它只在我把鼠标从左边移到110像素左右时才显示出来。任何想法都将不胜感激。
提前感谢。

您必须更具体地说明“屏幕左侧”。如果左侧有一个div,我们可以针对您使用

$("#left").mouseenter(function() {
  $("#right").show();
}).mouseleave(function(){
  $("#right").hide();
});

下面是一个例子

离左边有多远?在左边的任何地方,或者只是在某些y值范围内?你试过什么?:)这是一个非常模糊的问题。也。。对于不使用鼠标的用户会发生什么?添加一些您已经尝试过的示例代码far@Jonathan对不起,我上面的问题含糊不清。上面提到的div已经在左边,宽度为220px,高度贯穿整个页面。我想让它只在我把鼠标从左边移到110像素左右时才显示出来。再一次,我为我上面粗心的问题感到非常抱歉。我对css还不熟悉,所以到目前为止我所做的就是将div隐藏起来。