社区
JavaScript
帖子详情
请问如何用js或css将文字叠加到图片上?
changgongsanshi
2007-08-29 09:53:59
网页上有一张图片,我想用一个div将一段文字叠加在这个图片上。
我发现用alpha的话,连文字也都半透明了,这不行,理想状况是:div不可见,div上的文字可见,请问用css应当如何实现?
...全文
1496
14
打赏
收藏
请问如何用js或css将文字叠加到图片上?
网页上有一张图片,我想用一个div将一段文字叠加在这个图片上。 我发现用alpha的话,连文字也都半透明了,这不行,理想状况是:div不可见,div上的文字可见,请问用css应当如何实现?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
14 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
一把编程的菜刀
2008-03-03
打赏
举报
回复
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 779px; POSITION: relative; TOP: 0px; HEIGHT: 160px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
</DIV>
<DIV style="LEFT: 190px; POSITION: absolute; TOP: 11px; height:*;">
</DIV>
</DIV>
一把编程的菜刀
2008-03-03
打赏
举报
回复
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><img src= "http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif ">
</DIV>
<DIV style="LEFT: 190px; POSITION: absolute; TOP: 11px; height:*;"></div>
2个DIV的形式
一把编程的菜刀
2008-03-03
打赏
举报
回复
呵呵,你要全部用DIV的话就用双DIV,也可以用3个DIV
moonshine2002
2008-03-03
打赏
举报
回复
这个和直接加水印的功能 有区别吗?
hbhbhbhbhb1021
2008-03-03
打赏
举报
回复
可以考虑走服务器端语言,查查过滤器方面的资料,试试看
haoyu214
2008-03-02
打赏
举报
回复
[Quote=引用 8 楼 haoyu214 的回复:]
引用 6 楼 haoyu214 的回复:
,,,fff
,m.m,.,.m.
[/Quote]
kkkkkkkk
haoyu214
2008-03-02
打赏
举报
回复
[Quote=引用 6 楼 haoyu214 的回复:]
,,,fff
[/Quote]
,m.m,.,.m.
haoyu214
2008-03-02
打赏
举报
回复
[Quote=引用 5 楼 webphoenix 的回复:]
去 flickr 看看,它的那个图片日历的部分就是这样的
[/Quote]
cscscss
haoyu214
2008-03-02
打赏
举报
回复
,,,fff
cgisir
2007-08-29
打赏
举报
回复
<div style="position:relative">
<div style="position:absolute; left:0; top:0; color:#fff; font-weight:bold">图片文字</div>
<img src="http://zi.csdn.net/2007.06/now120x60.gif"></img>
</div>
yiran5467
2007-08-29
打赏
举报
回复
div背景透明就可以,background:tranparent;
<html>
<head>
</head>
<body>
<img src="http://www.csdn.net/ui/styles/public_header_footer/logo_csdn.gif">
<div style="width:150px; height:60px; z-index:999; margin-top:-70px; background:trasparent; font-size:20px; font-weight:bold; color:green;">这是浮于图片之上的文字</div>
</body>
</html>
webphoenix
2007-08-29
打赏
举报
回复
去 flickr 看看,它的那个图片日历的部分就是这样的
ekinchen3
2007-08-29
打赏
举报
回复
背景透明
kangqin
2007-08-29
打赏
举报
回复
div的背景透明,坐标绝对不就可以了?
vue-image-editor:Vue.
js
的图像编辑器
文字
叠加
转换为PNG或JPG并下载 它旨在成为一个轻量级的图像编辑器,它使用自己的资源在客户端浏览器上进行所有操作。 仍然可以通过实现Web Worker或其他多线程方法在性能方面进行持续改进。 图像数据作为Blob对象...
video-slides-fading:具有混合视频和图像内容的概念验证全屏 HTML 幻灯片(使用淡入淡出过渡)
包含混合视频和图像内容的概念验证全屏幻灯片将用于全屏视频安装克隆回购通过 bower 安装组件: bower install在浏览器中打开index.html控件您可以使用上/下/左/右箭头键来控制幻灯片,或浏览器中的后退/前进按钮...
CSS
怎么把
图片
定位
叠加
,如何在图像上的自由位置
叠加
字符
即使您想在图像上显示字符,也不必精细地划分一个图像并将其发布或使用表格元素。使用
CSS
(样式表),您可以逐个像素地微调显示位置,并且可以轻松地在图像上
叠加
字符。这一次,我们将向您展示如何在网页上发布的图像...
CSS
实现
图片
悬停
文字
叠加
效果,高级前端开发工程师
width: 30%;top: 0;left: 0;现在是最重要的部分,如果我们鼠标离开,...我们只需要将以下简单的类添加到
css
中,然后将他们添加到类名为的div元素中即可就这么简单。我们用这样的代码创建了三个很酷的
CSS
Hover 效果。
css
实现百分比
文字
叠加
进度条
直接上代码吧 进度条 正在安装%
css
中的content属性,只能在伪元素中使用的,可以在标签后面,为标签添加上内容值 -webkit-background-clip: 设置
文字
的渐变效果 外层一个渐变,
文字
层也弄一个渐变,
文字
直接设置...
JavaScript
87,926
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章