10
1
2011
0

border style对比 && cursor不同浏览器支持对比 测试环境(ie8,opera11,firefox7)


1 border之style对比 ,见图 文字描述就免了……
----------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------


----------------------------------------------------------------------------------------------------------
2 cursor对比
  美观的效果是大多数人的追求,其中之一就是我们每天操作电脑的时候在屏幕上移来移去的光标,对于网页设计来说光标的设计也是一个重点吧。so今天抽空了解了下css中控制光标样式的方法。
基本写法 cursor:[url(资源路径)]*,keyword;  ps:[ ]* 貌似是正则表达式的写法呢 * 表示0个or多个
ie:           支持url&keyword,具体:url中只能放.cur,.ani两种光标格式(静&动),而keywords中部分支持。

firefox:   支持url&keyword,具体:url中只能放.cur&与光标同等大小的图片(动态gif不会动!),而keywords部分支持
            特殊功能:热点设置 :url(arr.cur) x y, pointer;   x为top偏移多少像素,y为left偏移多少像素。如果没设置,默认0,0或者从.cur中读取热点信息……

opera:  支持keyword,是否支持url有待考验(因为貌似我测试中有支持过.cur,但后来就再怎么也没成功过,可能是错觉)…… 但将url写入css中,opera错误控制台未报错……

PS:firefox&opera的cursor写法有所要求的样子,不然会报错:必需先写url,然后再写keyword(而且keyword只能写一个,不然报错后就打回原型了)……
PPS:具体的具体还是参考网上其他有经验的人写的文章!有如下地址可以参考,我也是参考而来的!
http://www.quirksmode.org/css/cursor.html
http://blog.sina.com.cn/s/blog_51e457060100pio2.html
http://hi.baidu.com/superwdd/blog/item/353cf41b3edecb1d8618bfa6.html

Category: Web设计 | Tags: css | Read Count: 2446

登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter

Host by is-Programmer.com | Power by Chito 1.3.3 beta | Theme: Aeros 2.0 by TheBuckmaker.com