HTML:
<div>
<img src="some/path/" class="thumbnail" />
<input type="file" class="image_upload" />
</div>
CSS:
div
{
border: 2px solid #ccc;
width: 50px;
height: 50px;
overflow: hidden;
}
.thumbnail
{
width: 100%;
}
.image_upload
{
opacity: 0;
position: absolute;
}
我希望
<img>
和<input type="file">
能够重叠在一起,并且都填满它们的父级<div>
。我该如何修改CSS来实现呢?
font-size
,opacity:0
和overflow:hidden
,但我觉得line-height
是不必要的。 - tamakisquarefont-size
,则可以省略line-height
。 - Yogu