首页 > 代码库 > 在图片上添加文字
在图片上添加文字
<ul class="departmentheadpic">
<li style=" background:#68aae1 url(skin/images2/department.png) no-repeat center top;">
<div style="width:1000px;height:230px;margin:0 auto;">
<div class="pictext"><%=pdmc %></div>
</div>
</li>
</ul>
css
.departmentheadpic {height:230px;width:auto;background-color:#fff;padding-top:2px;padding-bottom:2px; position:relative;}
.departmentheadpic li{height:230px;width:auto;}
.pictext
{
position:relative;
top:150px;
left:220px;
font-size:26px;
font-weight:bold;
font-family:微软雅黑,宋体;
color:#fff;
letter-spacing:2px;
}
注意检查前面的div元素中是否有float以及高度超过本身高度的元素,以免使得在ie兼容模式下与谷歌浏览器下文字离左边的距离不等
在图片上添加文字
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。