作者TKirby ( ^-^)
看板Web_Design
标题Re: [问题] 霓虹发光字?
时间Wed Mar 2 14:30:42 2005
基本上标准的 CSS2 作得到你要的效果,利用 text-shadow 属性
不过这个属性已经在 revision(CSS2.1) 中被删除了
看来是移到 CSS3 中了,
见
http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-shadows
这一页下面的 Example 有范例,可以看到大概会长什麽样子
基本上跟旧的 CSS2 的范例一样。
我试过, Firefox 无效,不过就算 Firefox 可以 IE 大概也不可以
另外使用 pseudo class 插入 content 的方式大概也不行,
因为你要求的是不定的文字
再来就是用 javascript 了,
如果你在一个无法自己任意变更网页原始码的地方想用 js 做这件事
就要看这个网站让不让你放 js罗。不给放的话,看看能不能放 iframe
也许还有机会。最後的法子就是用 IE 的 behavior,
但是这个非 IE 的浏览器不能看(也不是标准) 所以大概不考虑
那麽只剩下用图片了。其实这是一个好方法
找个可以放 cgi 的网页写一个简单的 cgi ,
输入什麽字串就输出这个字串的霓虹图
然後放字的地方就用这个 cgi加输入的网址替代
当然,这也要你想放字的地方可以插图才行。
假如你只能用 css 来改变文字的长相,那你只好等个大概五到十年
所有的浏览器都支援了 css3 或者旧的 css2 之後再说吧... XD
何况现在 css3 还在 "under construction" 呢...
如果是在可以放 js 的地方,用 js 则是可行的
目前也只有这个方法比较方便, source 也不会杂乱
在主要支援 js 的浏览器上也才都能看到你的效果
不过一关掉 js 就看不到啦~
※ 引述《bias (bias)》之铭言:
: : 推 ificould:做成图片吧? 小图的档案大小应该还好...
: 感谢大大回应,但我不是这个意思。
: 原本我是想在 blog 的 blogbody、comment-body、comment-post
: 等处使用发光外框字体。但若单纯在 CSS 中写入 comment-body
: {filter: glow(#00FF00) color: #FFFFFF, padding: 1px;} 之
: 类的设定,在 IE 核心底下的浏览器阅读网页当然可以得到想要
: 的效果,然而若换到 FireFox,就只看得到白色字体了。甚至还
: 会造成各篇留言回应全部重叠在同一排的混乱情形。所以这不是
: 作成图片可以解决的问题,我不是要把这种效果用在那种地方。
: ※ 引述《capitalM (that I've never had)》之铭言:
: : 搜寻到一个方法,不过十分复杂
: : http://www.yabbforum.com/community/
: : YaBB.pl?board=test;action=display;num=1095919377
: : 推 sandpaper:我有想过耶....汗||..这样我宁愿用普通字= =
: : 推 ificould:还是用普通字吧..
: : → TKirby:可以用 js 产生,这样会比较轻松
: 我努力研究这段语法才了解到,原来这是把相同的字换上不同颜
: 色重叠在一起,但稍微作点位移,终於造成跟{filter: glow}类
: 似的的外框字体视觉效果。
: 但这仍然只能用在确定文字内容是什麽的情形之中,譬如说我可
: 以把整篇文章照这种方法反覆重叠并微调各 span 的位置,换到
: FireFox 上浏览便可以得到整篇文章都有外框字的效果。
: 但重点不在用这种方式贴文是自找麻烦,而是仍然无法将此技术
: 运用在文章的 blogbody 的 title、date、post 等由系统控制
: 生成的部分,当然也无法运用在无法控制的 comment 部分。
: 也许是可以用 JavaScript 技术解决,但一来我自己还没学过相
: 关技术,二来目前无名小站并不打算开放对 <script></script>
: 标签功能的支援。所以我还蛮好奇,那如果写好 JavaScript,
: 就可以运用到乐多日志、新浪部落或国外的 blogspot 等免费
: blog 上头了吗?
: 也是要用这种重叠好几层的原理来生成 Script 才能在 FireFox
: 上顺利浏览吗?这样网页原始档会不会变又杂乱又庞大?
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.112.30.52
※ 编辑: TKirby 来自: 140.112.30.52 (03/02 14:34)
1F:推 bias:谢谢! 218.166.81.136 03/05