随笔分类 - css
摘要：#test{ color:red; /* 所有浏览器都支持 */ color:red !important;/* Firefox、IE7支持 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8支持 */ color:red\0; /* ...
阅读全文
摘要：首先，请原谅我一天之内连发两篇文章，且两篇文章标题上都出现了&，这并不仅仅是一个巧合，哈哈，不废话了，转入正题。 修改主题后，我发现了一个严重的问题，就是雅黑字体在IE7，IE8里面模糊的一塌糊涂，甚至不如宋体显示的效果好，而IE6很正常，在排除了字体大小等各种可能引发此现象的原因后，我找到了罪魁祸首——IE透明滤镜。 此时我的第一个反应就是给IE和Firefox做Hack，在网上翻了...
阅读全文
摘要：Try: a:focus { outline: none; } Works for me! ie 7,8 firefox 3下通过
阅读全文
摘要：可同时区分IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks： .test{ color:/*\**/#00f\9; /* IE8 */ } .test, .test:-moz-any-link{ color:#f60; /* Firefox2 */ } .test, .test:default{ color:#000; /* Firefox3 */ *color:#...
阅读全文
摘要：http://www.smashingmagazine.com/2DEMO:007/11/16/pagination-gallery-examples-and-good-practices/
阅读全文
摘要：http://kurafire.net/log/archive/2007/06/22/pagination-101One of the most commonly overlooked and under-refined elements of awebsite is its pagination controls. In many cases, these are treated asan af...
阅读全文
摘要：最终代码1.－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ http://www .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Test Spanfixed width span通过试验以后发现，无效，无论是在Firefox还 是IE中都无效 。通过查阅 CSS2标准中关于width 的定义发现，原来CSS中的 wi...
阅读全文
摘要：jQuery bgiframe Plugin http://blog.brandonaaron.net/tag/bgiframe/ 一個步驟輕鬆解決 IE6 z-index 的問題如果網頁上有浮動區塊和下拉選單重疊時，在 IE6 會看到下拉選單總是把浮動區塊蓋住，無論怎麼調整 z-index 都是沒用的，像是這樣(若您不是使用 IE6 瀏覽本頁，則應該看到的是正常的浮動區塊在上面)：歡迎來到 j...
阅读全文
摘要：var $ = document.getElementById;var $$ = document.documentElement;function fixDiv(id){ $(id).style.top = ($$.scrollTop + $$.clientHeight - $(id).clientHeight - 20) + "px"; setTimeout("fixDiv('ne...
阅读全文
摘要：原文地址：click herePS：原文实在是太长太长了，无奈精力有限，只能把核心给翻译了一下使用 LabelLabel能够建立form元素与文字说明的桥梁First name 这样点击First name文字后，就能自动激活inputLabel可以用在以下一些内容checkboxesradio buttonstextareastext fieldsselect boxessubmit 按钮 ...
阅读全文
摘要：(X)HTML Strict 下的嵌套规则2008-03-27 10:09 A.M.下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 里面再嵌入一个 这样的约定。说明：为了方便读者阅读，本文中的标签使用了大写（根据 XHTML 的规则，元素名必须小写，比如 而不应是 ）小写的单词表明一组或一系列 HTML 标签每一项条目...
阅读全文
摘要：下面列出了一些可以帮助你改善CSS样式表的简单实用的方法，如果你刚刚开始使用CSS，这篇日志可以帮助你更好的理解CSS。#1. 结构保持CSS结构清晰，不仅有助于保持CSS文件的简单，也利于日后的检查、更改。#2. 保持简洁保持代码简洁，可以大幅减小CSS文件的大小。#3. Padding vs. Margin对于浏览器来说，Margin是兼容性最差的一个属性。因此，只要条件允许，应该尽可能的使用...
阅读全文
摘要：演示:http://www.cssrain.cn/demo/ie6hover/ie6hover.html淘宝效果预览：http://list.mall.taobao.com/1343/g-s-----40-0--1343.htm其实，问题很简单，就是hover伪类在IE6中得不到很好的支持，因为IE6只支持css1，而在css1中hover伪类只能针对a标签来起作用，看...
阅读全文
摘要：#content { background:#000; margin:20px auto; overflow:auto;/*在标准浏览器中定义父元素能够自适应高度*/ display:inline-block;/*在IE6及更低版本中定义父元素为内联款装显示，强迫自动伸缩*/ } P{ height:100px; border:20 px ...
阅读全文
摘要：之前看到很多人一直都问这个问题，不过当时我没当一回事，因为在 CSS中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table布局一样。不过最近有人问了几个例子，看来对此的需求还不少。现在就把我经验拿出来分享一下，希望大家鼓鼓掌。首先，要有一个概念：凡是 table 布局可以实现的，CSS 一定可以实现。CSS 可以实现的...
阅读全文
摘要：免费授权使用,可以帮助你设计出具有2.0效果的UI元素,cool~~~ 使用方法：拷贝web20layerstylesv1.asl到C:\Program Files\Adobe\Photoshop CS\Presets\Styles目录下，在PS里打开窗口->样式面板即可下载地址：http://www.makewing.com/lanren/superlazy/web20layerstyles.r...
阅读全文
摘要：单行文本 直接设置line-height与height的高度相同既可。即多行文本先display:block;再设置padding
阅读全文
摘要：有时候，为了网页设计的美观，需要把div+css设计的页面里的某些div层里的文字垂直居中，包括多行文字以及单行文字；方法有不少，但真正能实现而代码又简洁的介绍不多，flymorn就为大家介绍几种适用的div文字垂直居中的方法。 首先要知道css里vertical-align无效，W3C官方对vertical-align做了下面的解释：“ This property affects th...
阅读全文
摘要：Li，默认情况下，是块级元素，但我们给其加上了display:inline;使得其变为了内联元素。内联属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。在这个时候，如果我们要给li进行定义宽度和高度，我们就要用到float:left;(左浮动)Quote float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上，也就是说浮动...
阅读全文
摘要：一、HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)2, IE6/IE77对FireFox*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.注意:*+html 对IE7的HAC...
阅读全文
浙公网安备 33010602011771号
