css表单聚焦效果
2 个评论
其实主要是不会在切换选项的时候引起整块抖动,这也是我实现这个效果的初衷.
demo:http://www.izmax.cn/demo/form_focus.html
可应用在:
阅读全文
IE6 position:fixed bug (固定窗口方法)
2 个评论
From:http://www.happinesz.cn/archives/991/
今天herb同学在twitter上问到, 如何利用CSS使搜索条固定显示于窗口的某个位置。好像之前也碰过这个问题,不过,当时并没有解决,用JS有现成的方法,不过,这次要求的就是不用JS。 然后,开始写代码,测试,最终,IE6下依然有问题。position:fixed;没有正常显示...
阅读全文
Reset CSS 研究(zhua)zhuanzhuanz转载
0 个评论
来自:http://lifesinger.org/blog/2009/07/reset-css-tech/
时间过得真快,离 Reset CSS 研究(八卦篇) 已经 3 个多月了。废话少说,赶紧将技术篇写完吧。
回顾与反思
第一份 reset css 是 Tantek 的 undohtml.css, 很简单的代码,Tantek 根据自己的需要,对浏览器的默认样式进行了一些重置。
Eric 的也是如...
阅读全文
为了兼容,就要不择手段——清除浮动
0 个评论
不错,为了兼容,就要想尽一切办法,虽然有时让人啼笑皆非。。。
为了方便清除浮动,写了个简单的清除浮动样式
.c{
clear:both;
height:0;
font-size:0;
line-height:0;
}
在ie6 7 8 以及Firefox Safari opera这些浏览器下面测试正常,可是在遨游浏览器下有差别,正是因为这个浮动元素引起的,哪里不严谨呢,...
阅读全文
CSS在Internet Explorer 6, 7 和8中的差别
0 个评论
中文原文:CSS在Internet Explorer 6, 7 和8中的差别
译自:CSS Differences in Internet Explorer 6, 7 and 8
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区,这个数字要小很多,统计显示大概只...
阅读全文
让IE6瞬间崩溃的5种方式
0 个评论
经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,我整理整理发上来,以后开发的时候要注意了。
鉴于国内IE6的市场份额还在主流的情况,一定要避免出现以下情况。
IE6真脆弱啊
1.设置scrollbar-base-color,css里给table做了定位,再通过js改变其定位IE6就崩溃了。
关键代码:
<style type=”...
阅读全文
万能清除浮动样式
0 个评论
这个是一个很流行的清除浮动的方法,在很多大项目上已经被完全采用。
这个方法来源于positioniseverything ,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。
<style type="text/css">
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}...
阅读全文
增强SEO的CSS命名技巧
0 个评论
(一)常用的CSS命名规则
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子...
阅读全文
IE6 fixed BUG
0 个评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo<...
阅读全文