免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
12下一页
最近访问板块 发新帖
查看: 3900 | 回复: 10
打印 上一主题 下一主题

问:一个超链接滤镜样式问题 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-03-29 14:07 |只看该作者 |倒序浏览
我想要 www.cs365.com.cn 导航的那个效果,白色的阴影

下面是代码,我不知道为何不行,愚钝请教各位大大,


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <STYLE type=text/css>
  6. HTML {
  7.         min-width: 760px
  8. }
  9. BODY {
  10.         FONT-SIZE: 12px; MARGIN: 0px; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
  11. }
  12. #NavINchannel {
  13.         MARGIN-TOP: 5px; BACKGROUND-IMAGE: url(/Templets/images/beijing/er_guide_bg.gif); WIDTH: 760px; COLOR: #ffffff; PADDING-TOP: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 25px
  14. }
  15. A.Nav1:link {
  16.         FONT-SIZE: 12px; FILTER: DropShadow(OffX=1, OffY=1,Color=#ffffff); VERTICAL-ALIGN: middle; COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: none
  17. }
  18. A.Nav1:visited {
  19.         FONT-SIZE: 12px; FILTER: DropShadow(OffX=1, OffY=1,Color=#ffffff); VERTICAL-ALIGN: middle; COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: none
  20. }
  21. A.Nav1:active {
  22.         FONT-SIZE: 12px; FILTER: Dropshadow(OffX=1, OffY=1,Color=#ffffff); VERTICAL-ALIGN: middle; COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: underline
  23. }
  24. A.Nav1:hover {
  25.         FONT-SIZE: 12px; FILTER: Dropshadow(OffX=1, OffY=1,Color=#ffffff); VERTICAL-ALIGN: middle; COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: underline
  26. }

  27. </STYLE>

  28. <title>无标题文档</title>
  29. </head>

  30. <body>
  31. <table width="250" border="0" cellspacing="0" cellpadding="0">
  32.   <tr id="NavINchannel">
  33.     <td bgcolor="#FF0000"><div align="center"><a href="11111111" class="Nav1">行业动态</a> | 科技动态 | <a href="11111111111111111" class="Nav1">市场动态</a> | </div></td>
  34.   </tr>
  35. </table>
  36. </body>
  37. </html>

复制代码

[ 本帖最后由 否 于 2006-3-29 14:14 编辑 ]

论坛徽章:
0
2 [报告]
发表于 2006-03-29 20:59 |只看该作者
因为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

的原因  

去掉就ok了~~~

论坛徽章:
0
3 [报告]
发表于 2006-03-29 22:54 |只看该作者
关于这个是不是 CSS和XHTML兼容性问题 我也不好说 因为我对照手册 css2.0 @ xhtml 可以把滤镜放在a标签上的~~~
但是还是建议你有阴影的地方做成div~~~

相关:
http://www.xunuo.com/blog/article.asp?id=266

论坛徽章:
0
4 [报告]
发表于 2006-03-30 09:13 |只看该作者
我当时也看了小雨的css手册,说是:作用对象必须具有height,width,position三个属性中的一个。

所以我作用在tr上

原因就是我声明的文件类型不支持是不?

还是建议你有阴影的地方做成div~~~

这一句是 为什么呢? 能否详细说明,

会拿来用不如会原理,会原理不如去研究思想

请指教

[ 本帖最后由 否 于 2006-3-30 09:19 编辑 ]

论坛徽章:
0
5 [报告]
发表于 2006-03-30 09:19 |只看该作者
忘言谢了,非常感谢

论坛徽章:
0
6 [报告]
发表于 2006-03-30 14:21 |只看该作者
我认为呢~~
1 div拥有width等属性
2 div很通用 几乎没事可以套一个上去 不影响大局~~
3 在xhtml下 div的style可以说是比别得标签多

论坛徽章:
0
7 [报告]
发表于 2006-03-30 14:33 |只看该作者
这个是不是很普通的道理啊,我真彩鸟啊

论坛徽章:
0
8 [报告]
发表于 2006-03-31 06:49 |只看该作者
拿掉了.... 其他的样式也没了....郁闷

换成html4 也不行

论坛徽章:
0
9 [报告]
发表于 2006-03-31 06:53 |只看该作者
4.01好了.....

差距不小啊

论坛徽章:
0
10 [报告]
发表于 2006-03-31 09:38 |只看该作者
可4.01还是显示不了链接的滤镜样式....
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP