摘要：
1、终极方法：条件注释<!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]--><!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]--><!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本（不包含IE6）。 <![endif]--><!--[if IE 5.5]> 这段文字仅显示在 IE5.5。 <![endif]--><!--在 IE6及IE6以下版本中加载css-->&l 阅读全文
随笔分类 - Html/Css
IE6/7/8用Js实现圆角(转载)
2011-01-13 11:20 by 爱研究源码的javaer, 421 阅读, 收藏,
摘要：
var css = document.creatStyleSheet();css.addRule("v:\\roundrect","behavior:url(#default#vml);display:inline-block;");var rect = document.creatElement("v:roundrect");setAttribute(rect,{arcsize:"20px",stroked:false});rect.css({ width:"20px",height:"20px",antialias:true})原文链接:http://news.cnblogs.com/n/ 阅读全文
Cache-control使用：header('Cache-control:private')
2010-12-16 13:23 by 爱研究源码的javaer, 3360 阅读, 收藏,
摘要：
网页的缓存是由 HTTP消息头中的“Cache-control”来控制的，常见的取值有private、no-cache、max-age、must- revalidate等，默认为private。其作用根据不同的重新浏览方式分为以下几种情况：（1） 打开新窗口 值为private、no-cache、must-revalidate，那么打开新窗口访问时都会重新访问服务器。而如果指定了max-age值，那么在此值内的时间里就不会重新访问服务器，例如：Cache-control: max-age=5(表示当访问此网页后的5秒内再次访问不会去服务器)（2） 在地址栏回车 值为private或must 阅读全文
CSS 备忘(转载)
2010-12-11 14:00 by 爱研究源码的javaer, 274 阅读, 收藏,
摘要：
1.关于盒模型的宽度问题，现在很多文章都在说IE6和Firefox在这一点上有区 别，IE6的宽度包含了border和padding，而Firefox不然，宽度就是宽度，实际宽度（clientWidth）是width + border×2 + padding×2，实际上，这有点误导之嫌，这个不尽然，主要看doctype的类型，如果是!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 或者!DOCTY 阅读全文
只加载一个css文件(转载)
2010-11-24 21:35 by 爱研究源码的javaer, 349 阅读, 收藏,
摘要：
转自:http://www.cnblogs.com/easygame/archive/2010/11/20/1882543.html(1).指定一个通用的Web服务器端处理CSS请求的程序，以ASP.NET 为例，我们可以在根目录下创建一个HttpHandler用来接收所有页面的CSS请求。 [代码] (2).根据现有页面加载的所有CSS,把单独的CSS路径信息作为HttpHandler处理程序的... 阅读全文
iframe遮盖住select(转载)
2010-11-23 10:53 by 爱研究源码的javaer, 1329 阅读, 收藏,
摘要：
需求： 鼠标滑过text文本框时，弹出提示信息DIV。 问题： 弹出的DIV层被Select下拉框遮住。 解决方案： 弹出的DIV层内部嵌套iframe，信息在iframe内部显示（可以是iframe内的table或者是div） 代码： 页面代码： <div id="name_show" style="display:none;position:absolute"></div&g... 阅读全文
消除超级连接虚线
2010-11-23 08:47 by 爱研究源码的javaer, 393 阅读, 收藏,
摘要：
4种方法消除超链接点击虚线框 在网页中凡是添加了超级链接的对象，不管是文字还是图片，在点击的时候都会出现一个虚线框，有时候会觉得很影响页面的美观,也许你也和502一样有这样的困扰，也许你的boss也是个完美主义者，那么下面502将会整理从google搜来的4种解决方案来想消除这不太受欢迎的虚线框。 非IE浏览器里一般用 a:focus { outline:0; }这句来搞... 阅读全文
清楚浮动（转载）
2010-11-13 14:47 by 爱研究源码的javaer, 183 阅读, 收藏,
摘要：
/* 通过overflow的方式 */02.overflow-clear{03overflow:auto;/*或者 hidden,scroll,不包括visible */04_height:1%; /*设置高度是为了ie6获取haslayout */05}06/* display 的方式*/07.display-clear{08display:inline-block;09}10/* positi... 阅读全文
CSS Hack汇总(转载)
2010-11-10 10:46 by 爱研究源码的javaer, 415 阅读, 收藏,
摘要：
CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。现在浏览器的市场99%的份额被 IE 和 FF 所占 .所以,现在的hack应该主要针对这两个浏览器的了现在主流的浏览器是 IE6 和 Firefox ,这两个不同的浏览器的内核是不一样的. 同时,这两个浏览器对C... 阅读全文
IE6下a:hover span失效问题(转载)
2010-11-02 13:09 by 爱研究源码的javaer, 901 阅读, 收藏,
摘要：
看 到有人在问这个属性IE6是否支持，我试验了一下，如果只是单纯的使用a:hover span来定义属性，则IE6是不支持的，但是如果之前定义过a:hover以后然后再定义a:hover span，那么就可以实现。我查了一下原因，有人说是因为在IE6里，hover属性实现从其父元素标签里寻找，若父标签里有hover效果，才接下来寻 找其子标签是否也有。而且必须是同一属性的定义。这里如果不写父标... 阅读全文
css优先级（转载）
2010-10-28 14:38 by 爱研究源码的javaer, 230 阅读, 收藏,
摘要：
既然样式有优先级，那么就会有一个规则来约定这个优先级，而这个“规则”就是本次所需要讲的重点。 样式表中的特殊性描述了不同规则的相对权重，它的基本规则是： 统计选择符中的ID属性个数。 统计选择符中的CLASS属性个数。 统计选择符中的HTML标记名个数。 最后，按正确的顺序写出三个数字，不要加空格或逗号，得到一个三位数(css2.1是用4位数表示)。( 注意，你需要把数字... 阅读全文
html块元素和内联元素
2010-10-27 10:22 by 爱研究源码的javaer, 203 阅读, 收藏,
摘要：
块状元素(block element)address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔... 阅读全文
css自动换行(转载)
2010-10-10 15:09 by 爱研究源码的javaer, 291 阅读, 收藏,
摘要：
自动换行 word-break:break-all和word-wrap:break-word word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。 它们的区别就在于： 1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulatio... 阅读全文
IE8兼容(转载)
2010-10-09 13:23 by 爱研究源码的javaer, 482 阅读, 收藏,
摘要：
IE8兼容<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，... 阅读全文
ie6 float bug
2010-09-10 14:35 by 爱研究源码的javaer, 994 阅读, 收藏,
摘要：
针对IE6 对 float 元素显示不正常的问题，科技网现在找到了两个解决办法。 测试了很多次，发现跟 margin 和 padding 没有直接的关系，本质的问题根源在于，包含 float 元素的外层 div，没有设置足够的宽度和高度，也就是说，这个容器没有足够的空间用来显示内部所有的 float 元素。 margin 和 padding 只是一个间接原因，如果没有内外边距，可能外层 div ... 阅读全文
IE6下position:absolute的定位BUG(转载)
2010-08-05 11:48 by 爱研究源码的javaer, 2862 阅读, 收藏,
摘要：
position:absolute定位在IE6下存在left和bottom的定位错误问题: XHTML <!--IE6下的left定位错误--><div style="position:relative;border:1px solid orange;text-align:center;"> <a href="http://www.dovapour.com.cn"... 阅读全文
css tips(转载)
2010-08-04 08:36 by 爱研究源码的javaer, 233 阅读, 收藏,
摘要：
使用 line-height 垂直居中使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。 清除容器浮动期前也提到过这样的问题，更多信息可以看这里。 不让链接折行上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行（有关换行方面的讨论，参看圆心的记录）。 始终让 Firefox 显示滚动条更多的 Mozil... 阅读全文
文本框文字居中(转载)
2010-07-16 10:21 by 爱研究源码的javaer, 3176 阅读, 收藏,
摘要：
文本框Input Text文本垂直居中（line-height）2010-03-16 20:16View不同浏览器对文本框行高line-height的处理除IE内核浏览器外，缺省line-height时都会自适应文本框的height。IE下line-height对文本框有效，加上与相同的height后可以让IE也垂直居中。line-height超过height时，文本框获得焦点后拖动鼠标或按 上下... 阅读全文
CSS样式丢失总结(转载)
2010-06-29 11:00 by 爱研究源码的javaer, 1985 阅读, 收藏,
摘要：
转载自【孟子E章】：http://blog.csdn.net/net_lover/archive/2007/08/27/1760521.aspx经常有人遇到ASP.NET 2.0（ASP.NET 1.x中可能是有效的）中CSS失效的问题，现将主要原因和解决方法罗列如下：1.CSS文件路径不正确 这个问题属于Web开发中的基础问题，一般采用相对路径会出现这样的问题，或者样式文件写在了母版页里面，在内... 阅读全文
window.clipboardData(转载)
2010-06-10 14:40 by 爱研究源码的javaer, 2974 阅读, 收藏,
摘要：
functioncopyToClipboard(txt){ if(window.clipboardData){ window.clipboardData.clearData(); window.clipboardData.setData("Text",txt); }elseif(navigator.userAgent.indexOf("Opera")!=-1){ window.locatio... 阅读全文
浙公网安备 33010602011771号