背景画像のテキストレイアウトの問題_html/css_WEB-ITnose

この効果のコード:

<div style=" background:url(图片路径); background-size:100% 100%;width:238px; height:159px; vertical-align:text-bottom;">                                        <div style="background:#757575; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; height:30; line-height:30px;">                                            测试案例                                        </div>                                	</div>

次に、下の図の効果を実現する必要があります:

ディスカッションに返信(解決策)

上のものを下のものに置き換えるだけです。 vertical-align: text-bottom; ただし、効果はありません

970936ba4a42ff0f203ded5c73daf2d6
< div style="background:#757575; -moz-opacity:0.50; 位置:絶対;width ：100％;左：0px; bottom：0px "＆gt;