CSS input text和图片重叠
答案:3 悬赏:40 手机版
解决时间 2021-03-23 13:43
- 提问者网友：無理詩人
- 2021-03-23 10:03
CSS input text和图片重叠
最佳答案
- 五星知识达人网友：煞尾
- 2021-03-23 11:42
3种方式：
1、图片做input的背景，input的边线、背景色为none，长度、宽度要与图片一致。
2、做绝对定位，input的z-index高于img，input的透明度为0.1，看不到但可以被点击生效，调整位置与长度、宽度，满足输入需要。
3、把图片做为td的背景，input可以选用流式布局或绝对定位来控制位置，也可以用td的背景位置偏移来配合input的位置，实现效果。
1、图片做input的背景，input的边线、背景色为none，长度、宽度要与图片一致。
2、做绝对定位，input的z-index高于img，input的透明度为0.1，看不到但可以被点击生效，调整位置与长度、宽度，满足输入需要。
3、把图片做为td的背景，input可以选用流式布局或绝对定位来控制位置，也可以用td的背景位置偏移来配合input的位置，实现效果。
全部回答
- 1楼网友：青尢
- 2021-03-23 13:35
要做成背景,
在样式里面加上：
.inp1{background: url(图片地址);width:**xp;height:**xp}
上面的宽和高，跟你图片的宽和高一致就行追问图片比input大
在样式里面加上：
.inp1{background: url(图片地址);width:**xp;height:**xp}
上面的宽和高，跟你图片的宽和高一致就行追问图片比input大
- 2楼网友：怙棘
- 2021-03-23 12:15
//css
td{background: url()}
input {}
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯