html为什么一种颜色叠在另一种颜色上颜色变了

HTML中的色彩叠加受到位置和深度的限制，当两个或多个颜色叠在一起时，显示出来的颜色会发生变化，因为被叠加的颜色会有深度/位置关系，其中一种颜色可能会比另一种覆盖得更深，这样在视觉上就会显示出另一种颜色。

z-index:-1postion:relative

在style里

其中z-index数值越小图层显示越底下，数值越高显示越上层

主要是让button覆盖在input之上，把input设置成透明，我之前做过，和你这个差不多，贴给你，你稍微改动下

<a href="javascript:void(0)">

<div class="fibtn">浏览</div>

<input class="import_file" type="file" name="wm_tssb_ysb_drfk_importFile"

id="wm_tssb_ysb_drfk_importFile" onchange="choose_wm_tssb_ysb_drfk_file(this)"/></a>

浏览字覆盖在input上面，点击浏览会触发onchange事件

.import_file{

position: absolute

margin-left: -70px

width: 60px

height: 30px

opacity: 0

filter: alpha(opacity=0)

}

.fibox{

width: 320px

height: 28px

border: 1px solid #c1c1c1

border-radius: 4px

margin-top: -6px

}

---