代码之家  ›  专栏  ›  技术社区  ›  Omar Abid

IE鼠标移动虫子

  •  0
  • Omar Abid  · 技术社区  · 14 年前

    我有一个使用mousemovejquery函数的工具提示脚本。除IE外,一切正常。 请看这里: http://omarabid.com/deploy/ 矩形是“li”元素。将鼠标移到上方时,会出现一个标记。在IE中,标记确实会出现,但仅当您将鼠标移到空白区域(右侧)上时才会出现。当你在图像上移动时,没有任何事情会让我发疯。

    那么问题出在哪里呢?这是一个IE错误吗?

    3 回复  |  直到 14 年前
        1
  •  2
  •   Gabriele Petrioli    14 年前

    实际问题在于 background-color:transparent 在tag类上( 设置一个背景色,你会看到它的工作)。


    解释

    background-color: transparent 在它的地方放一个 background: url(/somepath/transparent.gif) top left repeat;

    transparent.gif 这里有一个下载链接: http://www.imgag.com/product/full/ap/3021018/transparent.gif )

        2
  •  1
  •   Boris Delormas    14 年前

    <div id="photo1" class="taggedimg">
        <img id="atag" src="img/photo1.jpg">
        <li style="top: 0px; left: 0px; height: 45px; width: 77px; margin-top: 15px; margin-left: 0px; " class="tag mytag"></li>
        <li style="top: 55px; left: 45px; height: 340px; width: 960px; margin-top: 15px; margin-left: 0px; " class="tag mytag"></li>
    </div>
    

    我好像厌倦了。。。

    尝试阻止默认行为:

    li.mouseenter(function(kmouse) {
        kmouse.preventDefault();
        my_tooltip.css({
            opacity : 0.8,
            display : "none"
        }).fadeIn(400);
    }).mousemove(function(kmouse){
        kmouse.preventDefault();
        my_tooltip.css({
            left : kmouse.pageX + 15,
            top : kmouse.pageY + 15
        });
    }).mouseleave(function(kmouse) {
        kmouse.preventDefault();
        my_tooltip.fadeOut(400);
    });
    

    在imgtag/core.js中

        3
  •  0
  •   Patricia    14 年前

    滑鼠 去鼠标 而不是鼠标和鼠标。