geniusalien

摘要： CSS兼容问题，是美工最头痛的问题。做测试时，用谷哥和360浏览器（最新）都没有什么问题，用IE6/IE8测试，问题就冒出来了。微软现在出IE10，我电脑上已经无法用IE6准确测试，IE－TESTER只能做参考作用。这个月，针对CSS兼容问题，总结了一些实用建议。1、尽量少用margin属性，就算要用，也是在容器内用。一般IE6出问题，就是margin问题。不用margin，怎么隔开DIV或其它容器？直接用高度，页面确定后，高度一般不变，所以高度写高点，就可以将它下面的块挤下去，留出空隙。有时候不得不用margin，但是IE6又必然出问题，怎么办？请使用css hack技术，姚总和我提过，我也 阅读全文

摘要： 又是IE6！！！坑人的IE6，不支持min-height，但是实际操作中，这个属性是非常需要的。那IE6下面怎么实现呢？请看geniusalien提供的完美解决方案：（geniusalien温馨提示：本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行！）第一种方法：我们可以利用IE6不识别!important来实现：height:auto !important;height:100px;min-height:100px;这三句话，可以实现IE6下面min-height值为 100px ，我也不知道为什么会这么神奇，但是 阅读全文

摘要： 很多技巧都是在工作中测试出来的，我搞DIV+CSS前端开发，现在是安卓收藏家，日常也有很多技巧，刚刚突然发现的这个技巧，真的很实用：Z-index值可以使用负值。z-index是个很强大的属性，是个很强大解决定位的利器，在一个较不错的页面里面，position会满天飞，什么相对定位relative，什么绝对定位absolute，这样混合到一起，在360浏览器、谷歌浏览器可能没有问题，但在IE6或者其它IE下，问题就多了，盖的盖住，挡的挡到，有些奇葩还半显示半不显示。好了，回到正题，z-index使用负值的情况举例：两个层，同属不同的块里面，这样写z-index谁低谁高没有用。但是你一定要想把哪 阅读全文

摘要： 1、使用声明你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如or,forXHTML:最后你需要是IE6进入兼容模式，这已经足够兼容了。2、使用position:relativeIE6兼容性问题解决方案二：使用position:relative。设置一个标签position:relative可以解决很多问题，特别是曾经有过看不见的经历或者奇怪布局的框架。明显的，你需要小心，绝对位置放置的子元素是否都参照找到新位置。3、为浮动元素使用display:inline浮动元素会有一个著名的IE6双边距marginbug。假如你设置了左边距5px但实际上得到了10px左边距。displa 阅读全文

摘要： 我们在开发DIV+CSS页面时候常常会遇到开发出的网页的一些地方在各大浏览器比如微软IE6、微软IE7、微软IE8、火狐浏览器、谷歌浏览器有一些不同，如宽度、高度等地方有相差误。IE6比较老的版本浏览器，用户比较多，IE7较新浏览器，更接近标准浏览器，IE8算是微软标准浏览器，但差别于浏览器，火狐（Mozilla, Firefox）和谷歌浏览器（chrome）是比较标准的IE浏览器，一般我们以这个浏览器为开发参考平台，同时IE8与这两个浏览器解释CSS比较接近，一般只要通过火狐、谷歌浏览器测试兼容，一般就能确定IE8.因此一般我们区别这些浏览器CSS hack的方法就变得简单，我们只需考虑IE 阅读全文