文本超出显示省略号:
.txt-ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
不透明层:
.box{width:150px;height:185px;float:left;margin-left:20px;position:relative;}
.mask{position:absolute;width:150px;height:150px;left:0;top:20px;background-color:#fff;opacity:0.5;filter:alpha(opacity=50);}
<div class="box">
<div class="mask">
</div>
</div>
.txt-ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
不透明层:
.box{width:150px;height:185px;float:left;margin-left:20px;position:relative;}
.mask{position:absolute;width:150px;height:150px;left:0;top:20px;background-color:#fff;opacity:0.5;filter:alpha(opacity=50);}
<div class="box">
<div class="mask">
</div>
</div>