2011年12月4日
打败IE的葵花宝典：CSS Bug Table
摘要： 问题：<1>nput[button | submit] 不能用 margin:0 auto; 居中 <在ie8里> { bug|fixed}解决方法：<1.> 为input添加width问题：<2>body{overflow:hidden;}没有去掉滚动条 <IE6/7> { bug|fixed}解决方法：<2>设置html{overflow:hidden;}问题：<3>hasLayout的标签拥有高度 <IE6/7> { bug|fixed}解决方法：<3>*height:0;_ove 阅读全文
posted @ 2011-12-04 15:26 jinrui 阅读(141) 评论(0) 推荐(0) 编辑
IE6 Bug overflow:hidden失效
摘要： 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。下面就是我所收集或遇到的IE6 Bug之一：overflow:hidden失效当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。我们在IE 6内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。解决这个bug很简单，在父元素中使用position:relative;即可解决该bug 阅读全文
posted @ 2011-12-04 14:35 jinrui 阅读(233) 评论(0) 推荐(0) 编辑
2011年11月9日
13个CSS技巧
摘要： 一、使用行高来实现垂直居中.elm {height: 24px;line-height: 24px;} 当你有一个固定高度的容器时，并且只有单行内容，此时要实现元素的垂直居中，最好 的办法就是设置元素的line-height和height相同。二、防止内容溢出破坏布局.elm {overflow: hidden;} 大家在平时的Web制作中肯定有碰到这样的问题：当超大的内容（比如说图片）放在一 个固定了宽度的浮动容器内，它可能会破坏你原本的布局。解决这样的Bug大家肯定都 想起了“overflow:hidden”。其实是这样，我们可以使用这种技巧将溢出的内容隐藏起 来，虽然有部分内... 阅读全文
posted @ 2011-11-09 17:47 jinrui 阅读(167) 评论(0) 推荐(0) 编辑
常见的浏览器下margin出现的bug
摘要： 负margin技术及其应用在margin所有的实际应用中，负margin技术是我学习css路上最重要一课之一，许多高级应用和页面上的疑难杂症都可以用负margin技术来实现。IE6中双边距Bug：发生场合：当给父元素内第一个浮动元素设置margin-left（元素float:left）或margin-right（元素float:right）时margin加倍。解决方法：是给浮动元素加上display:inline;CSS属性；或者用padding-left代替margin-left。原理分析：块级对象默认的display属性值是block，当设置了浮动的同时，还设置了它的外边距就会出现这种情况 阅读全文
posted @ 2011-11-09 13:51 jinrui 阅读(650) 评论(0) 推荐(0) 编辑
2011年10月31日
9、如何控制框架页面或<iframe>内嵌页面在指定页面（区域）打开页面？ [除了div+css，框架页面也不能忘记]
摘要： (4). 多重阴影效果box-shadow可以同时使用多次，我们来个四色的阴影。img{box-shadow:-10px 0 10px red, box-shadow:10px 0 10px blue,box-shadow:0 -10px 10px yellow,box-shadow:0 10px 10px green} 阅读全文
posted @ 2011-10-31 17:20 jinrui 阅读(575) 评论(0) 推荐(0) 编辑
列出表格相关标签并注明其含义。[除了div+css，表格也不能忘记]
摘要： <table>是表格的基本标记<tr>代表表格的行<td>代表表格的列 阅读全文
posted @ 2011-10-31 16:58 jinrui 阅读(168) 评论(0) 推荐(0) 编辑
5、Firefox浏览器中无法撑开高度问题的解决方法。 [解决bug的方法和对浏览器兼容性的技能]
摘要： 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:{height:auto!important;height:200px;min-height:200px;} 阅读全文
posted @ 2011-10-31 15:07 jinrui 阅读(288) 评论(0) 推荐(0) 编辑
4、列举你工作中遇到的IE6 BUG，谈谈解决方案
摘要： 1.IE6下图片下有空隙产生解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.2.IE捉迷藏的问题 当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。 有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。 解决办法：对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽量简单。3.DIV浮动IE文本产生3象素的b 阅读全文
posted @ 2011-10-31 15:05 jinrui 阅读(435) 评论(0) 推荐(0) 编辑
2、超链接访问过后hover样式就不出现的问题是何原因？如何解决？ [检查对常见问题的细心程度]
摘要： 被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-ACode:<style type="text/css"><!--a:link {}a:visited {}a:hover {}a:active {}--></style> 阅读全文
posted @ 2011-10-31 14:58 jinrui 阅读(414) 评论(0) 推荐(0) 编辑
7、CSS Sprite是什么，谈谈这个技术的优缺点。[对优化技术的掌握]
摘要： CSS Sprites优点CSS Sprites为什么突然爆火，跟能够提升网站性能有关。显而易见，这是它的巨大优点之一。利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；个人认为CSS Sprites能减少图片的字节，我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。CSS Sprites缺点诚然CSS Sprites是如此的强大，但是也存在一些不可忽视的缺点。在图片合并的时候，你要把多张图片有序的合理的合并成一张图片，还要留好只够的空间，防止板块内不会出现不必 阅读全文
posted @ 2011-10-31 14:53 jinrui 阅读(526) 评论(0) 推荐(0) 编辑
下一页