随笔分类 -  web标准化设计

jQurey对象和DOM对象的相互转换
摘要：约定：如果一个获取的是jQuery对象，那么我们在变量前面加上$，如：var$variable = jQuery 对象 ;如果获取的是DOM对象，则这么定义：varvariable = DOM对象;DOM变量转化为JQUREY变量;var cr=document.getElementById("a");var $cr=$(cr);alert($cr.html())等价于alert(cr.inner... 阅读全文
posted @ 2008-09-16 17:08 echohqu 阅读(304) 评论(0) 推荐(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 htt... 阅读全文
posted @ 2008-09-16 08:53 echohqu 阅读(537) 评论(0) 推荐(0)
二分栏的布局，自适应高度。
摘要：假设左栏需自适应右栏的高度，只需在左栏的样式中加上：padding-bottom:32767px;margin-bottom:-32767px; 阅读全文
posted @ 2008-09-04 10:54 echohqu 阅读(177) 评论(0) 推荐(0)
IE6 重复字符的bug
摘要：一个容器包含2两个具有“float”样式的子容器。 第二个容器的宽度大于父容器的宽度，或者父容器宽度减去第二个容器宽度的值小于3。（说到3，这里稍微多说一句——IE7还修正了IE6中的一个bug，bug名字就叫做“3像素bug”） 在第二个容器前存在注释（这也是为什么此bug也叫做“IE6注释bug”的原因）。 <!DO... 阅读全文
posted @ 2008-09-02 17:08 echohqu 阅读(363) 评论(0) 推荐(0)
IE7
摘要：IE7支持 >,:first-child,:last-child;* html支持IE浏览器*+html ie7 阅读全文
posted @ 2008-09-02 15:58 echohqu 阅读(137) 评论(0) 推荐(0)
为了兼容所有的浏览器都可以显示半透明效果的写法
摘要：.transparent{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity: 50%; position:absolute;/*注意必须是absolute的*/ top:100px; left:100px;} 阅读全文
posted @ 2008-09-02 15:44 echohqu 阅读(156) 评论(0) 推荐(0)
IE6下图片下方有空隙的解决方法
摘要：方法一：改变 html 的排版<div><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" /></div>改为:<div><img src="http://www.google.com/intl/en_ALL/images/logo.gif" al... 阅读全文
posted @ 2008-09-01 16:41 echohqu 阅读(160) 评论(0) 推荐(0)
CSS定义通用透明效果
摘要：分别定义各种浏览器的透明效果：.transparent{filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;background-color:#000;} filter:alpha(opacity=12); 支持 IE 浏览器 -moz-opacity:0.12; 支持 FireFox 浏览器 opacity:0.12; 支持 Opera... 阅读全文
posted @ 2008-09-01 16:33 echohqu 阅读(146) 评论(0) 推荐(0)
IE7 下hack的方法
摘要：“*+html”是 css 的中的选择符，被 IE7 与 IE5.01 所使用，而区分 IE7 与 IE5.01 又有很简单的方法,便是 important，这样把 important 写在前面，就形成了单独针对 IE7 hack 的方法了。 *+html div.IE7 { display:block !important; display:none; } 阅读全文
posted @ 2008-09-01 16:31 echohqu 阅读(178) 评论(0) 推荐(0)
cursor:pointer的重要性
摘要：昨天今天都试着做一个幻灯片， 时间花了很久，效果却总是出不来， 今天早上又花了好多时间， 现在终于明天为什么了，原来少了：cursor:pointer。 实例一： 无标题文档 实例二： 无标题文档 发现只是少了一句： a:active,a:hover{ cursor:pointer}；下面的效果就出不来了。 神奇。 阅读全文
posted @ 2008-08-08 10:05 echohqu 阅读(906) 评论(0) 推荐(0)
使用CSS使得光标在IE或FF下都能显示手形样式
摘要：IE下显示手形样式直接把cursor高成hand即可，但这样设置在FF浏览器下看不到手形样式，而且现在的IE7好像也是看不到的。其实把cursor设置成pointer即可，这样在IE或FF下都能显示手形样式。。。 阅读全文
posted @ 2008-07-30 17:29 echohqu 阅读(859) 评论(0) 推荐(0)
兼容技巧 IE7
摘要：IE7 provides Microsoft Internet Explorer with support for W3C standard CSS and HTML: supports the following CSS selectors: parent > child adjacent + sibling adj... 阅读全文
posted @ 2008-07-28 11:37 echohqu 阅读(98) 评论(0) 推荐(0)
Div+CSS常见错误汇总
摘要：1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 3. 确定错误发生的位置 如果错误影响了整体布局，... 阅读全文
posted @ 2008-07-27 12:25 echohqu 阅读(153) 评论(0) 推荐(0)