200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > HTML背景图片显示不出来/实现为file按钮设置背景

HTML背景图片显示不出来/实现为file按钮设置背景

时间:2020-10-19 18:53:28

相关推荐

HTML背景图片显示不出来/实现为file按钮设置背景

之前在模版之家找了个很简洁的大背景模版

然后想做下图中间放个图片的效果,然后不管但是不管在css里设置backgro还是在style里设置,图片都uxianshi,然后F12检查,发现这一块有div,但是没有图片显示,当时就觉得是不是模版里设置了什么,覆盖了。

解决方法

就是把图片单独抽出来,放在img标签里。然后会有显示。再改改style。

除此之外,当我想把type="file"的按钮换成这张图时(设置css或者style的背景图片,不显示/单独放img标签,两个部分互相挤),如图一的效果。

然后百度了一下,没有特别好的方法。但是看到了一个属性,设置透明度opacity:0,按钮就可以变成透明。

重点

于是我想到可以让两个部分重叠,但是这个时候,要设置如上图所示的超链接标签和href=javascript,然后标签里设置两个部分大小。一定要尝试position:absolute,来确保两个块不会挤,而是会覆盖。css里也要设置一下,好像有块内联等,可以自己试试。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。