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

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

解决方法

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

除此之外，当我想把type="file"的按钮换成这张图时（设置css或者style的背景图片，不显示/单独放img标签，两个部分互相挤），如图一的效果。
然后百度了一下，没有特别好的方法。但是看到了一个属性，设置透明度opacity:0，按钮就可以变成透明。

重点

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

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

微信小程序之页面样式以及背景图片显示问题
##一.背景下面这些都是在开发的过程中,记录下来的笔记. ##二.样式及背景图片显示问题 1.修改单个页面的背景色: 在页面的wxss里面加上这句代码: page{background-color: ...
html内容被背景图片遮住怎么办_定义BODY背景图后，DIV的背景图片显示不全（已解决）...
你的位置: 问答吧 -> WEB标准 -> 问题详情定义BODY背景图后,DIV的背景图片显示不全(已解决) 一个有趣的问题,当BODY有背景图片的时候,BODY里的DIV一旦也有背景图 ...
css 设置背景图一半_css怎么背景图片显示不全？
css设置背景图片显示不全是因为背景图片过大导致的,我们可以通过设置div大小大于背景图片或使用background-size属性设置背景图片小于div大小使背景图片显示完全. 其中导致背景图片显示不 ...
vue打包部署服务器，背景图片显示空白
vue打包部署服务器后,往往会出现部分背景图片显示空白的情况,部分就说明只是打包过程中的图片路径问题: 在build 文件夹中找到 utils.js文件加上这行代码即可:publicPath: '-/ ...
html背景图不同位置显示,div层背景图片显示位置详解
代码详解: div { background-image:url(/images/bg.jpg); 设置div层的背景图片 background-repeat:no-repeat; 背景图片不重复显示 ...
android+背景图片不显示,背景图片显示问题图片显示错误 android开发
先贴出我的配置文件代码 android:layout_width="fill_parent" android:layout_height="fill_parent&quo ...
html内容被背景图片遮住怎么办_css背景图片显示不完怎么解决？
css背景图片显示不完是什么原因?怎么解决?下面本篇文章就来给大家介绍一下css背景图片显示不完的解决方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css设置背景图片显示不全 ...
html给按钮设置背景,设置按钮背景图片(HTML-CSS)
很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用JS去操作表单的提交,即当用户点击这个图片时响应一个JS来提交表单.其实还有一种方法,就是直接设置SUBMIT按钮的图片背景.设置它的图片 ...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...

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

解决方法

重点

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

最新文章

热门文章