Question

我的web-app（php）中有一个奇怪的问题，我最近注意到了。 1个月前它运作得很好。

当我悬停在某个＆lt; TEXTAREA＆gt;或超过2个按钮（添加，退出），在DIV中，DIV充满了它的背景色，使INPUT，TEXTAREA和2个按钮不可见。

这个DIV实际上是一个带有2个输入和一个OK和退出按钮的窗口，我隐藏和展示，作为一个＆＃34;窗口＆＃34;事情将出现在Windows中。

当我在页面中悬停任何其他按钮时（所以我做了一个mouseOver），DIV 再次出现，它开始以正确的方式工作。

所以问题是当我将鼠标悬停在TEXTAREA和2个按钮上时，DIV会变灰。

谢谢！

我希望它不是Chrome的错误，在Firefox中似乎有效，但是在Opera中它并没有。太奇怪了。

Answer 1

在Chrome中查看了您的网站，并且能够轻松复制您的问题。

使用＆＃34; Element Inspector＆＃34;我从overflow:hidden删除了.my_links_header_container，无法再复制问题。

我通过重新加载页面对它进行了多次测试。

在页面加载时，问题存在，但立即。删除overflow:hidden后，100％没有再次发生。

在旁注上，您的style="display:block"上有一个内联.add_link_table，它不是table元素，而是div。这是多余的，因为div本质上是一个块元素 - 也许以前它是一个table元素？

我还注意到几个元素的自然显示被CSS覆盖了。我认为这个问题的一部分与翻转你的元素和显示有关。

Answer 2

似乎是一个webkit问题。

这可能不是一个好的解决方案，但试一试我正在修改你的addLink方法（使用普通的javascript或jquery选择器，我保留了原始代码）

function addLink()
{
 var addLinkTable = $("#add_link_table");
    if(document.getElementById('add_link_table').style.display=='block')
    {
        document.getElementById('add_link_table').style.display = 'none';
    }else{
        addLinkTable.css("visibility","hidden");
        document.getElementById('add_link_table').style.display ='block';
        setTimeout(showTable,10);
        function showTable(){
           addLinkTable.css("visibility","visible");
         }
    }
    document.getElementById('link_name').focus();
}

通过切换可见性或不透明度或高度

来尝试

将鼠标悬停在TEXTAREA或A对象上时出现奇怪的CSS / Javascript行为

2 个答案: