css实现在图片上显示文字
2016-10-28 16:51
302 查看
此文章是基于 搭建Jquery+SpringMVC+Spring+Hibernate+MySQL平台
一. 相关文件介绍
1. wordOnImg.jsp
View Code
二. 效果图：http://localhost:8080/ims/view/iot/wordOnImg.jsp
一. 相关文件介绍
1. wordOnImg.jsp
.play-img {
WIDTH: 86px; HEIGHT: 122px; DISPLAY: block; POSITION: relative;
PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;
}
.play-img IMG {
WIDTH: 86px; HEIGHT: 122px;
}
.play-img EM {
Z-INDEX: 2; POSITION: absolute;
WIDTH: 76px; HEIGHT: 20px; LEFT: 2px; BOTTOM: 2px;
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;
FONT-SIZE: 12px; FONT-STYLE: normal; COLOR: #fff; TEXT-ALIGN: right; LINE-HEIGHT: 20px;
}View Code
二. 效果图：http://localhost:8080/ims/view/iot/wordOnImg.jsp
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS实现Div透明，而显示在上面的文字不透明，但也可看到显示在下面的图片内容
- 简单css实现图片和文字的居中显示，IE下有效
- CSS实现文字半透明显示在图片上方法
- css实现div自动添加滚动条(图片或文字等超出时显示)
- CSS和JQ两种方式实现图片层上显示文字
- js和css两种实现鼠标经过图片时显示透明框的遮罩条文字
- CSS实现鼠标放图片上显示白色边框+文字描写叙述
- CSS实现鼠标放图片上显示白色边框+文字描述
- css 文字按钮实现样式submit按钮以文本的形式显示出来
- 小技巧：用CSS如何实现单行图片与文字垂直居中
- 用CSS实现图片替换文字三种方法（Image replacement )
- 用 CSS 实现图片替换文字（Image replacement）
- [CSS]--文字显示在图片下面，且多个图片显示在同一行，文字超长时用省略号替代
- 用 CSS 实现图片替换文字（Image replacement）
- （源码实例）通过层DIV实现，当鼠标放在链接上面，显示图片及文字
- HTML+CSS实现合并图片的切割显示以及背景渲染
- css实现图片上漂浮着文字效果
- 用DIV+CSS实现图文混排与文字列表一起显示
- 老大要求把Word文档加上公司的标识，公司名文字或者logo图片都可以，但要求是用电脑打开(电子文档时)能看见标识，如果打印出来（纸质文档）就不显示出来，如何实现？
- 用CSS实现ul标签中图片与文字底边对齐及自适应高度