上次看到有个 web 招聘笔试题里有个题大意是这样的: 是否尝试写过无限级的导航菜单? 我一时兴致就尝试写了一下.
要想兼容 IE(6/7/8) 系列还真的挺费事. 不得不动用 javascript 以及在 CSS 中使用 hacker. 对 Javascript 我只懂些皮毛. 要想做出些动画效果那几乎不可能. 只好用 jQuery 了.
我现在做了个DEMO. 要修改其动画效果只需要改改 js 中的鼠标效果即可. jQuery 自带的几个动画效果都可以. 当然你还可以发挥你的想象写些自定义动画.
不知道写个什么标题比较好.不知道大家有没有发现.在IE下网页里的按钮两边会被拉伸.字数越多拉伸的越厉害.而且与此同时按钮的边缘还出现了锯齿.
原因是1,IE在按钮的value值每增加4个字节(汉字为2个)时,就会在按钮的两边产生总共一个字节的内边距宽度.2,IE的按钮(XP 风格)默认样式是一个固定尺寸的圆角矩形图片作背景,所以一旦按钮变宽变高后,这个固定尺寸的圆角矩形图片的边缘自然就会出现锯齿的现象了.当然如果你用的不是IE核心的浏览器就不会遇到这样的情况了.
下面我针对wordpress的评论按钮如何解决这个问题.而且能通过W3C的验证.解决的方法很简单.只要在按钮的css里写上overflow:visible;即可.比如你可以这么写:(当然你也可专门写在一个单独的css里.或者head里)
<input name="submit" type="submit" class="button"style="overflow:visible;" value=" Submit"/>对于第二个问题.应该是系统的bug吧.可以给按钮加个边框折中处理一下.我就不多说了.在style里加相应的代码即可.
说到按钮我们可以顺便美化一下.哈哈.具体的做法无非就是改css.讲起来很枯燥.我把自己的晒出来大家看看就明白了.个性化只需要修改相应的值即可.
Read more…
