所以我有一排图像图标,它们紧紧地挤在一个区域中,当我将鼠标悬停在它们上方时,我希望它们稍微向上移动,并淡入图标下方的标题。我已经能够在我自己的网站上成功地做到这一点(不能链接到它,抱歉),除了我不能让文本在图标下方居中并且不影响布局。我试过使用 position: absolute 定位标题,但这会使图标下方的文本不居中。如果没有绝对定位,当它淡入淡出时,它会破坏其余的布局。我只是使用绝对定位手动定位每个标签,但我们的网络应用程序是国际化的,所以单词的长度会不同,所以这需要是动态的。我尝试创建一个 jsfiddle 来展示我在做什么,但显然悬停在其中不起作用?
希望有人能帮忙!
最佳答案
请参阅此 jsfiddle:http://jsfiddle.net/RikudoSennin/QYDmM/3/
我改变的是我在 jQuery 中添加了一个新行,并在 .icon-holder
上添加了 position: relative;
。
关于javascript - 将鼠标悬停在图标上以显示未锻炼的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7000861/