摘要：
最近做了一个项目，涉及到ie8iframe背景透明的问题，做了老半天，才把它搞定的，现在把我的经历贴出来和大家分享： 众所周知的根据W3C CSS 2.1 规范规定，''''background-color'''' 特性的默认值为 ''''transparent''''，即透明；但是IE6/IE7/ 阅读全文
随笔分类 - CSS+XHTML
子元素用margin-top 为什么反而作用在父元素上？对使用margin-top 的元素本身不起作用？
2016-03-26 11:31 by 盛世游侠, 463 阅读, 收藏,
摘要：
在这个说明中，“collapsing margins”（折叠margin）的意思是：2个或以上盒模型之间（关系可以是相邻或嵌套）相邻的margin属性（这之间不能有非空内容、padding区域、border边框或使用清除分离方法）结合表示为一个单独的margin。在css2.1中，水平的margin 阅读全文
一些css技巧
2016-03-03 15:42 by 盛世游侠, 149 阅读, 收藏,
摘要：
/*兼容IE6的max-width和max-height*/ .nav-sub .box-cmt .naviLi li a img{transform:scale(1,1);vertical-align:middle;max-width:125px;max-height:160px;_width:e 阅读全文
浏览器条件注释
2015-04-06 14:08 by 盛世游侠, 257 阅读, 收藏,
摘要：
原文链接：http://www.blueidea.com/tech/site/2006/3561.asp浏览器的条件注释理论，用下面一段例子来解释这个问题(X)HTML下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果：您正在使用IE浏览器版本 5版本 5.0版本 5.5版本 6版本 7下面... 阅读全文
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />的作用
2014-12-04 11:34 by 盛世游侠, 414 阅读, 收藏,
摘要：
介绍:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式（比如人见人烦的IE6），以此来解决部分兼容问题，例如模拟IE7的具体方式如下：但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模拟chrome了？迅速搜索了一下，才明白原来不是... 阅读全文
一种用css实现图片在父框中等比缩放并垂直居中的办法
2014-11-19 14:29 by 盛世游侠, 1017 阅读, 收藏,
摘要：
一种用css实现图片在父框中等比缩放并垂直居中的办法 阅读全文
你需要知道的三个CSS技巧
2014-03-18 20:28 by 盛世游侠, 235 阅读, 收藏,
摘要：
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览器前端代码。现在让 我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。 在CSS中用attr()显示HTML属性值 attr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性，在很多情况下都能帮你省去了以往需要Javascript处理的过程。 要想使用这个功能，你需要用到三种元素：一个:befor... 阅读全文
牛人推荐的跨浏览器兼容性总结
2014-03-18 20:23 by 盛世游侠, 238 阅读, 收藏,
摘要：
一、 CSS样式兼容1. FLOAT闭合（clearing float）网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设 float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DIV下包含多个子DIV。解决办法：1) 给父DIV也设上float2) 在所有子DIV后新加一个空DIV（目前Ext是这么做的），比如：.parent{width:100px;}.son1{float:left;width:20px;}.son2{float:left;width:80px; 阅读全文
高手总结的CSS执行顺序及其优先权问题汇总
2014-03-18 19:20 by 盛世游侠, 5208 阅读, 收藏,
摘要：
今天在看一本书时又看到了”CSS优 先权“这个问题，感觉这个问题还是比较重要的，也算是样式的特异性吧，尤其是在面对较多、较深层、较复杂的样式属性时，理解CSS的加权计算方法对于重写 样式属性之类的问题都会迎刃而解。那么接下来我就把CSS的执行顺序及其优先权问题做一个小小的总结吧。1、CSS的执行顺序在说CSS的执行顺序之前首先让我们看一下CSS的几种使用方式：·外联样式表通过语句 导入CSS样式文件·内联样式表直接在里面写入内嵌样式表直接在HTML里面写入CSS样式(虽然不提倡这么做，但在这里为了说明问题还是要提一下)，如： BeyondWeb.cn-记录与分享前端开发的点 阅读全文
常用CSS缩写语法总结
2014-03-18 18:32 by 盛世游侠, 212 阅读, 收藏,
摘要：
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1；property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，botto... 阅读全文
CSS浏览器兼容问题集-第一部分
2014-03-18 18:26 by 盛世游侠, 244 阅读, 收藏,
摘要：
CSS对浏览器的兼 容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于 web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行2.margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的.. 阅读全文
求解：块级元素的宽度自适应问题
2013-10-05 11:34 by 盛世游侠, 2640 阅读, 收藏,
摘要：
1、写一个div，使它的width值为30px，height的值为auto；2、在标签之间先后分别加入一行长英文和长中文（无空格间隔的英文字母不会分行，中文会分行）；3、在IE6与IE7、IE8、Firefox、chrome浏览器中的效果截图分别如下：IE6英文显示效果：IE7、IE8、Firefox、chrome英文显示效果：IE6、IE7、IE8、Firefox、chrome中文显示效果：可以看到，在IE6、IE7、IE8、Firefox、chrome浏览器中，中文会分行，而无空格间隔的英文字母不会分行，当文字出现分行时，这些浏览器都会自动增加高度去适应两行文字的高度。但是宽度就不同了，在 阅读全文
浙公网安备 33010602011771号