Html 如何在动态高度的按钮内居中显示前景图像?

Html 如何在动态高度的按钮内居中显示前景图像?,html,css,image,center,Html,Css,Image,Center,我试图在按钮上创建前景图像。 我已经准备了一些东西: 按钮:悬停。删除我{ 不透明度:1; } .把我带走{ 不透明度:0.5; 显示:表格单元格; 位置:绝对位置; 宽度:64px; 高度:64px; } 您可以添加位置:相对至按钮,然后将图像的顶部和左侧设置为50%,然后使用页边顶部和页边左侧将图像向后移动一半大小: 按钮:悬停。删除我{ 不透明度:1; } 钮扣{ 位置:相对位置; } .把我带走{ 不透明度:0.5; 显示:表格单元格; 位置:绝对位置; 宽度:64px; 高度:6

我试图在按钮上创建前景图像。 我已经准备了一些东西:

按钮:悬停。删除我{
不透明度:1;
}
.把我带走{
不透明度:0.5;
显示:表格单元格;
位置:绝对位置;
宽度:64px;
高度:64px;
}

您可以添加
位置:相对
按钮
,然后将图像的
顶部
左侧
设置为50%,然后使用
页边顶部
页边左侧
将图像向后移动一半大小:

按钮:悬停。删除我{
不透明度:1;
}
钮扣{
位置:相对位置;
}
.把我带走{
不透明度:0.5;
显示:表格单元格;
位置:绝对位置;
宽度:64px;
高度:64px;
最高:50%;
左:50%;
边缘顶部:-32px;
左边距:-32px;
}

太棒了,这个适合我。