Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将鼠标悬停在图标上可显示不起作用的标题_Javascript_Jquery_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 将鼠标悬停在图标上可显示不起作用的标题

Javascript 将鼠标悬停在图标上可显示不起作用的标题

javascript jquery css

Javascript 将鼠标悬停在图标上可显示不起作用的标题,javascript,jquery,css,Javascript,Jquery,Css,所以我有一排图像图标，它们紧密地排列在一个区域中，当我将鼠标悬停在它们上面时，我希望它们稍微向上移动，然后在图标下方的标题中淡入淡出。我已经能够在我自己的网站上成功地做到这一点（抱歉，无法链接到它），除了我无法将文本置于图标下方的中心位置，并且不会影响布局。我尝试过使用position:absolute来定位标题，但这会使图标下方的文本不居中。如果没有绝对定位，当它在其中淡出时，它会破坏布局的其余部分。我只需要使用绝对定位手动定位每个标签，但我们的web应用程序是国际化的，因此单词的长度将不同，

所以我有一排图像图标，它们紧密地排列在一个区域中，当我将鼠标悬停在它们上面时，我希望它们稍微向上移动，然后在图标下方的标题中淡入淡出。我已经能够在我自己的网站上成功地做到这一点（抱歉，无法链接到它），除了我无法将文本置于图标下方的中心位置，并且不会影响布局。我尝试过使用position:absolute来定位标题，但这会使图标下方的文本不居中。如果没有绝对定位，当它在其中淡出时，它会破坏布局的其余部分。我只需要使用绝对定位手动定位每个标签，但我们的web应用程序是国际化的，因此单词的长度将不同，因此这需要动态定位。我试图创建一个JSFIDLE来展示我在做什么，但显然hover在其中不起作用

希望有人能帮忙

请参见此jsfiddle：

我改变的是我在jQuery中添加了一个新行，并添加了
position:relative