×

CSS书写

IE中line-height的bug

管理员 管理员 发表于2010-09-25 浏览3061 评论0

BUG症状：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效；
解决方法：  对和文字相连接的img、input、textarea、select、object等元素加以属性：<style type="text/css">
.input{
margin: (所属line-height-自身高度)/2px 0;
vertical-align:middle;
}
</style>

CSS书写

css hack 版本判断

管理员 管理员 发表于2010-02-24 浏览2927 评论0

  1. <!--[if !IE]> <!--> 除IE外都可识别 <!-- <![endif]-->
  2. <!--[if IE]> 所有的IE可识别 <![endif]-->
  3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
  4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
  5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
  6. <!--[if IE 6]> 仅IE6可识别 <![endif]-->
  7. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
  8. <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
  9. <!--[if IE 7]> 仅IE7可识别 <![endif]-->
10. <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
11. <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

CSS书写

超强查网页元素

管理员 管理员 发表于2010-02-21 浏览3068 评论0

javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://127.0.0.1/File/thexray.js');

DIV+CSS布局总结

CSS书写

DIV+CSS布局总结

管理员 管理员 发表于2010-02-13 浏览3159 评论0

1、 ie系列采用的是微软自己的盒子模式，firefox采用的是标准的w3c盒子模型。

从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 padding。

从上图可以看到标准 W3C 盒子模型的范围包括 margin、border

CSS书写

N条CSS编程技巧总结整理

管理员 管理员 发表于2010-02-13 浏览2868 评论0

1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 

2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 

3、一个兼容性调整(IE和Mozilla)的笨办法：
初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
...