87,917
社区成员
发帖
与我相关
我的任务
分享请问如何用js或css将文字叠加到图片上？
网页上有一张图片，我想用一个div将一段文字叠加在这个图片上。
我发现用alpha的话，连文字也都半透明了，这不行，理想状况是：div不可见，div上的文字可见，请问用css应当如何实现？
我发现用alpha的话，连文字也都半透明了，这不行，理想状况是：div不可见，div上的文字可见，请问用css应当如何实现？
...全文
请发表友善的回复…
发表回复
一把编程的菜刀 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>
<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的形式
</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
引用 6 楼 haoyu214 的回复:
,,,fff
,m.m,.,.m.
[/Quote]
kkkkkkkk
haoyu214 2008-03-02
- 打赏
- 举报
[Quote=引用 6 楼 haoyu214 的回复:]
,,,fff
[/Quote]
,m.m,.,.m.
,,,fff
[/Quote]
,m.m,.,.m.
haoyu214 2008-03-02
- 打赏
- 举报
[Quote=引用 5 楼 webphoenix 的回复:]
去 flickr 看看，它的那个图片日历的部分就是这样的
[/Quote]
cscscss
去 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>
<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>
<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的背景透明，坐标绝对不就可以了？
