切换为不分页显示
【首页】 【建站杂谈】 主题:兼容多浏览器的CSS文字阴影
字体:    回复
兼容多浏览器的CSS文字阴影 
听话的狗司机(2009-7-18 8:29:57)  点击:8667  回复:0  IP:121.24.244.*
兼容多浏览器的CSS文字阴影,效果是不错,特别是兼容性方面,可惜感觉方法有点笨,竟是用两行同样的字叠加实现,难免有点太不专业了吧,仅供CSS学习者参考。

程序代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容各种浏览器的文字阴影</title>
<style type="text/css">
.title_div {height:30px; background:#888888; overflow:hidden; line-height:30px; padding-left:35px;}
.title_text { color:#FFF; margin:1px 0 0 0px; position:absolute; z-index:20; float:left;}
.title_shadow { color:#000; margin:2px 0 0 2px; position:absolute; z-index:10; float:left;}
</style>
</head>
<body>
<div class="title_div">
<div class="title_text">夏飘雪思维创意空间</div>
<div class="title_shadow">夏飘雪思维创意空间</div>
</div>
</body>
</html>

[返回]
[本主题共0回复 | 每页显示20回复]
 返回列表 跳至页首跳至页尾 放大字体 缩小字体
按用户名:    按标题:   按内容:       包括所有回复
【首页】→ 【建站杂谈】 回复:兼容多浏览器的CSS文字阴影
帖子标题:
   未登录!    

您的权限:
发表回复:×
UBB功能:×
文件上传:×
 
风格选择:极速  古韵  宽屏  大字  |  图示说明: 24小时新发主题  最近被编辑的主题  超过24小时普通主题
页面执行时间:109.375毫秒 | 在线:9 今日:176 合计:3234838 | 清除COOKIE |