Html 需要修复弹出悬停按钮吗?

Html 需要修复弹出悬停按钮吗?,html,css,button,hover,rollover,Html,Css,Button,Hover,Rollover,我需要帮助来修复我的笑脸按钮的错误,当我悬停在上面时会弹出(见下面的示例)。我认为这个问题与.chatbox/form字段或hover smiley相关。它还可能与div样式的最小/最大宽度细节等有关 在此,如有任何建议或示例,将不胜感激。 苏打水 家 html{滚动行为:平滑;} @字体{ 字体系列:vag; src:url(字体/VAGRoundedStd-Light.otf); } 身体{ 背景颜色:灰色; 背景图片:url(pix/bg1.png),url(pix/bg2.pn

我需要帮助来修复我的笑脸按钮的错误,当我悬停在上面时会弹出(见下面的示例)。我认为这个问题与.chatbox/form字段或hover smiley相关。它还可能与div样式的最小/最大宽度细节等有关

在此,如有任何建议或示例,将不胜感激。 苏打水


家
html{滚动行为:平滑;}
@字体{
字体系列:vag;
src:url(字体/VAGRoundedStd-Light.otf);
}   
身体{
背景颜色:灰色;
背景图片:url(pix/bg1.png),url(pix/bg2.png);
背景尺寸:1100px 100vh;
背景位置:左上、右上;
背景重复:无重复;
溢出:隐藏;
边际:0px;
字体系列:Arial;
颜色:暗灰色;
字体大小:12px;
线高:.3;
字母间距:.5px;
}
.标志{
位置:绝对位置;
顶部:20px;
左:3%;
}
卡姆先生{
位置:绝对位置;
顶部:20px;
右:3%;
边界半径:60px;
}
.livestream{
对象匹配:覆盖;
高度:100vh;
最大宽度:100%;
显示:块;
保证金:自动;
}
/*............... 聊天室*/
.聊天室{
位置:固定;
底部:80px;
左:50%;
变换:translateX(-50%);/*中心*/
宽度:50vw;
高度:42px;
背景色:#2f;
边界半径:0px 30px 30px 0px;
z指数:3;
}
/*... 输入消息*/
输入[类型=文本]{
宽度:100%;
高度:40px;
边界:无;
大纲:无;
左侧填充:37px;
字体系列:vag;
颜色:白色;
字体大小:16px;
字体大小:粗体;
字母间距:1.5px;
背景色:透明;
}
/*............. 页脚栏*/
.页脚栏{
位置:固定;
边界半径:50px 50px 0;
底部:0px;
宽度:100%;
高度:100px;
背景色:rgba(0,0,0,0.4);
背景滤镜:模糊(20px);
-ms背景滤镜:模糊(20px);
-moz背景滤镜:模糊(20px);
-webkit背景滤镜:模糊(20px);
z指数:2;
}
/*........ 交叉淡入按钮*/
#悬停式img{
过渡:.3s;
位置:绝对位置;
}
.诺霍弗{
不透明度:0;}
悬停,悬停{
不透明度:0;
}
悬停,不悬停{
不透明度:1;
}

键入…

html{滚动行为:平滑;}
@字体{
字体系列:vag;
src:url(字体/VAGRoundedStd-Light.otf);
}   
身体{
背景颜色:灰色;
背景图片:url(pix/bg1.png),url(pix/bg2.png);
背景尺寸:1100px 100vh;
背景位置:左上、右上;
背景重复:无重复;
溢出:隐藏;
边际:0px;
字体系列:Arial;
颜色:暗灰色;
字体大小:12px;
线高:.3;
字母间距:.5px;
}
.标志{
位置:绝对位置;
顶部:20px;
左:3%;
}
卡姆先生{
位置:绝对位置;
顶部:20px;
右:3%;
边界半径:60px;
}
.livestream{
对象匹配:覆盖;
高度:100vh;
最大宽度:100%;
显示:块;
保证金:自动;
}
/*............... 聊天室*/
.聊天室{
位置:固定;
底部:80px;
左:50%;
变换:translateX(-50%);/*中心*/
宽度:50vw;
高度:42px;
背景色:#2f;
边界半径:0px 30px 30px 0px;
z指数:3;
}
/*... 输入消息*/
输入[类型=文本]{
宽度:100%;
高度:40px;
边界:无;
大纲:无;
左侧填充:37px;
字体系列:vag;
颜色:白色;
字体大小:16px;
字体大小:粗体;
字母间距:1.5px;
背景色:透明;
}
/*............. 页脚栏*/
.页脚栏{
位置:固定;
边界半径:50px 50px 0;
底部:0px;
宽度:100%;
高度:100px;
背景色:rgba(0,0,0,0.4);
背景滤镜:模糊(20px);
-ms背景滤镜:模糊(20px);
-moz背景滤镜:模糊(20px);
-webkit背景滤镜:模糊(20px);
z指数:2;
}
/*........ 交叉淡入按钮*/
#悬停式img{
过渡:.3s;
位置:绝对位置;
}
.悬停{
位置:绝对位置;
排名:0;
左:0;
}
.诺霍弗{
不透明度:0;}
悬停,悬停{
不透明度:0;
}
悬停,不悬停{
不透明度:1;
}

键入…


应用以下css:

.hover {
   position: relative;
}
.hover img{
   position: absolute;
}

请详细说明你的问题你想做什么。