IE6 absolute 元素宽度被撑开 bug

nick | css | 2011-05-28
IE6 absolute 元素宽度被撑开 bug
症状 当绝对定位元素的子元素被触发hasLayout时,该元素宽度会撑满整个窗口 <div> <div> <p>IE bug</p> </div> </div> .absolute{position:absolute;left:100px;top:100px;border:1px black solid;padding:5px 10px;background-color:yellow;} .inner{#zoom:1;} IE7+正常 IE6则撑满了页面 解决方... [阅读全文]

巧用:empty解决webkit核心浏览器text-indent的bug

nick | css | 2011-04-21
巧用:empty解决webkit核心浏览器text-indent的bug
昨天在项目中遇到要在一个输入框中使用缩进的情况,要用text-indent首行缩进2个文字。然后发现在webkit下,在输入框内容为空的时候,光标位置没有缩进,还是在行首,输入任意字符后,缩进才被激活。 HTML代码如下: 1 <input type="text" style="text-indent:2em" /> 查看demo 这里无论是input元素还是textarea,或是其它设置了con... [阅读全文]

盲人站长深恶痛绝的onfocus=”this.blur()”

nick | css, html | 2011-04-17
盲人站长深恶痛绝的onfocus=”this.blur()”
杭州最美的季节里,淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同 学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件,就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页 面时,他对我们前端的同学特别的强调:他最深恶痛绝的就是页面链接上有 onfocus=”this.blur()... [阅读全文]

DivCSS教程:CSS透明相关技巧的介绍

nick | css, html | 2010-10-29
DivCSS教程:CSS透明相关技巧的介绍
这篇汇总主要是提供一些CSS不透明的详细介绍,代码示例和解释,以实现这项有用的CSS技术在您的项目中兼容所有浏览器。更多的技巧欢迎参考52CSS.com上面的技术文档。 关于CSS 透明度,有一点需要注意的是,它虽然使用了很多年,但它一直以来都不是一个标准属性。它是一种非标准技术,应该是CSS3规范的一部分。 一、旧的Opacity设置 以下代码是Firefox和S... [阅读全文]

30+ Web下拉菜单

nick | css, jquery, js | 2010-10-24
30+ Web下拉菜单
以前给大家介绍过13个不错的Javascript和CSS的菜单、20个优秀的Javascript导航技术、30种时尚的CSS网站导航条,今天在网上看到一篇文章其收集了30多个下拉菜单(分为两类,jQuery和CSS+Javascript的),转过来。 原文:http://smashinghub.com/3-useful-drop-down-menu-scripts-to-enhance-header-navigation.htm jQuery Smooth Navigation Menu ... [阅读全文]

给IE打补丁技巧之CSS Expression

nick | css, html, js | 2010-10-24
CSS Expression是自IE5开始提供的特性,虽然因安全性、性能问题臭名昭著,到IE8也终于寿终正寝。 回过头看,与XMLHttpRequest一样,CSS Expression的理念确实也有先驱之功,从CSS Expression也可看出由jQuery发扬光大的用CSS selector绑定行为的编程方式的雏形。不过雏形只能是雏形。由于设计上的缺陷,CSS Expression不堪大用,通常只局限为patch一... [阅读全文]

40个很不错的CSS技术

nick | css | 2010-10-08
40个很不错的CSS技术
以前发布过《30种时尚的CSS网站导航条》,下面是40个CSS的技术,可以让你的网页有更好的用户体验。希望你喜欢 1. A CSS styled table version 2 2. A CSS-based Form Template 3. A Stripe of List Style Inspiration 4. Accessible expanding and collapsing menu 5. Advanced CSS Menu Trick 6. Animated Rollover Arrow 7. Animations 8. Bac... [阅读全文]

CSS3中动画效果的应用

nick | css3, html5, jquery, js | 2010-09-04
不少人都已经在用CSS3中的动画了,但很多仅仅用在 某个元素的 hover上 其实,配合脚本的话,可以做到更多的动画效果,并且可以在很大程度上抛弃各种动画库。 先前一博客《用HTML5代替PPT》中, 我的各种动画效果就完全使用了CSS3的动画效果而不再使用jQuery的动画了。 点击查看展示 设置CSS *{ -webkit-transition-duration:.15s; -moz-transition... [阅读全文]

三谈Iframe自适应高度

nick | css, js | 2010-07-30
为什么是三谈 为什么是三谈呢?一是因为这真的是一个被说烂的话题,二是因为太师傅在n年前就写过这篇再谈iframe自适应高度。之所以再提该问题,是因为之前项目中确实遇到了这个问题的方方面面,有必要总结一下。希望对各位有帮助,有错误请指正。 同域、子页面高度不会动态增加 这种情况最简单,直接通过脚本获取字页面实际高度,修改iframe元素高度... [阅读全文]

各浏览器的默认CSS

nick | css | 2010-07-30
在丸子主编的帮助下终于找到了各浏览器的默认CSS。只要是由于今天解决了一个特殊的问题,依靠的就是看各浏览器的默认CSS,然后重置它,所以很多时候浏览器的默认css还是很有用的。 各浏览器的默认CSS可以在这里http://www.iecss.com/找到,贪心一下,把这些样式都保存了一份: IE6(下载) IE7(下载) IE8(下载) IE9(下载) Firefox 3.6.3(下载) Webki... [阅读全文]
Ɣ回顶部