css实现纯文字内容元素透明背景（兼容IE6）

<div class="title-wrapper">
            <span class="title">
                <span class="icon sp-index sp-index-tag-bg">
                    <i class="mood2 sp-base"></i>
                </span>
                <span class="txt">
                    <span class="occupy">吴奇隆机场推行李车 刘诗诗走其身侧秀美腿</span>
                    <a href="/" target="_blank">吴奇隆机场推行李车 刘诗诗走其身侧秀美腿</a>
                </span>
            </span>  
        </div>

.focus-r{width:480px;}
.focus-r-base{width:480px;height:270px;position:relative;overflow:hidden;}
.focus-r-base .title-wrapper{width: 100%;height: 50px;position: absolute;bottom: 12px;text-align: center;}
.focus-r-base .title-wrapper .title{display: inline-block; }
.focus-r-base .title-wrapper .icon{width: 50px;height: 50px; float: left;}
.focus-r-base .title-wrapper .icon i{display: inline-block;width: 33px;height: 33px; margin-top: 8px; text-indent: 0;}
.focus-r-base .title-wrapper .txt{float: left; height:34px;line-height:34px; padding-top: 8px; color:#fff;font-size: 14px; word-spacing: 0;}
.focus-r-base .title-wrapper .txt .occupy{position: absolute; top: 8px; background: #000; filter:Alpha(opacity=60); opacity:.6; padding-right: 10px; border-radius:0 15px 15px 0;}
.focus-r-base .title-wrapper .txt a{color:#fff; padding-right: 10px; position: relative; z-index: 1;}