图片右侧显示汉字html,html图片下边显示文字

.imgnews-item{position: relative;}

.imgnews-item span {

background-color: #000;

opacity: 0.4;

filter: alpha(opacity=40);

position: absolute;

left: 0;

bottom: 0;

width: 100%;

height: 26px;

line-height: 26px;

overflow: hidden;

font-size: 14px;

text-align: center;

}

.imgnews-item em {

position: absolute;

left: 0;

bottom: 0;

width: 100%;

height: 26px;

line-height: 26px;

overflow: hidden;

font-size: 14px;

text-align: center;

color:#FFF;font-style: normal;

}

图片下边文字

ie7

.pos-abs {

position: absolute;

}

.slider-main-img p {

z-index: 1;

left: 0px;

line-height: 30px;

font-weight: bold;

top: 240px;

height: 30px;

width: 100%;

font-size: 14px;

text-indent: 9px;

background: rgba(0, 0, 0, 0.5);

background:#000\9;

text-align:center;

}

.slider-main-img{float:left;position:relative;z-index:1;height:100%;}

.slider-main-img a,.slider-main-img a:visited{color:#ececec;}

.slider-main-img a:hover{color:#fff;}

文字