Html 后台运行在按钮后面

Html 后台运行在按钮后面,html,css,Html,Css,按钮后面的背景应该像块背景。按钮可以改变它的宽度 我如何实现这一点?这可以通过很多方式实现,以下是我的第一个想法: 使用如下面具: 确保背景图像覆盖整个按钮 在背景图像上方插入两个白色div:按钮的左侧和右侧 像上面那样插入一个遮罩作为按钮背景 由于纹理指示的透明区域,您可以显示背景图像中类似边框的部分,而其余部分不可见,因为其重叠 我举例说明了上述说明的结果 请发布您的HTML和CSS代码。我没有关于按钮的代码,因为我不知道如何操作,但是如果按钮改变了宽度,那么只需使用将掩码拆分为两个:绝对左

按钮后面的背景应该像块背景。按钮可以改变它的宽度


我如何实现这一点?

这可以通过很多方式实现,以下是我的第一个想法:

使用如下面具:

确保背景图像覆盖整个按钮 在背景图像上方插入两个白色div:按钮的左侧和右侧 像上面那样插入一个遮罩作为按钮背景 由于纹理指示的透明区域,您可以显示背景图像中类似边框的部分,而其余部分不可见,因为其重叠

我举例说明了上述说明的结果

请发布您的HTML和CSS代码。我没有关于按钮的代码,因为我不知道如何操作,但是如果按钮改变了宽度,那么只需使用将掩码拆分为两个:绝对左:0;宽度:50%+右侧:0;宽度:50%到父相对遮罩容器。这是非常有趣的,如果它工作,你能做一把小提琴吗?