由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为我从国外网站的翻译. 新建一个css样式如下： #item { width: 200px; height: 200px; background: red; } 新建一个div,并使用前面定...
代码如下:.transparent{filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;background-color:#000;}filter:alpha(opacity=12); 支持IE -moz-opacity:0.12; 支持FF opacity:0.12; 支持未知
以下代码正常调试须IE5.5以上浏览器.userData {behavior:url(#default#userdata);} DoLoad(); DoSave(); function DoSave(){ foo.setAttribute("content", foo.innerHTML); foo.save("EditContent"); } function DoLoad(){ foo.load("EditContent"); content = foo.getAttribute("content"); if (content != null) foo.innerHTML=content; } function DoClear(){ foo.innerHTML = ""; } 保存 清除 加载 [Ctrl+A 全选 注:如需...
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！对于div 1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} ddd1111111111111111111111111111111111 效果：可以实现换行 2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:h...
//显示属性 display list-style position float clear //自身属性 width height margin padding border background //文本属性 color font text-decoration text-align vertical-align white-space other text content
CSS布局常用的方法：float:none|left|right取值：none: 默认值。对象不飘浮left: 文本流向对象的右边right: 文本流向对象的左边 它是怎样工作的，看个一行两列的例子xhtml:这里是第一列这里是第二列 /*这是违背web标准意图的，只是想说明在它下面的元素需要清除浮动*/CSS:#wrap{width:100;height:auto;}#column1{float:left;width:40;}#column2{float:right;width:60;}.clear{clear:both;} position:static|absolute|fixed|rel...
看看 .Noprint{display:none;} .PageNext{page-break-after: always;} .tdp { border-bottom: 1 solid #000000; border-left: 1 solid #000000; border-right: 0 solid #ffffff; border-top: 0 solid #ffffff; } .tabp { border-color: #000000 #000000 #000000 #000000; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 1px; border-left-width: 1px; } .NOPRINT { font-family...
我们知道在样式表定义一个样式的时候，可以定义id也可以定义class，例如： ID方法：#test{color:#333333}，在页面中调用内容CLASS方法：.test{color:#333333}，在页面中调用内容id一个页面只可以使用一次，class可以多次引用。 有网友问，id和class好象没什么区别，我在页面中用了多个id在IE中显示也正常，用多个id有什么影响吗？ 回答：第一影响就是不能通过W3的校验。 在页面显示上，目前的浏览器还都允许你犯这个错误，用多个相...
绝对路径： 在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以http://www.e3i5.net/img/photo.jpg来确定文件位置的方式也是绝对...
代码如下: tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} 第1行第1行 第2行第2行 第3行第3行 第4行第4行 第5行第5行
译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。引用一段来自Dean Edwards的评价：I recommend that every CSS designer and DOM scripter read this. Underst...
代码如下: Untitled Document .frame{ float:left; margin:2px; } .outer { height: 250px; width: 240px; overflow: hidden; background:gold; position: static !important; position: relative; display: table !important; } #middle { /* for explorer only*/ position: absolute; top: 50%; } #middle[id] { display: table-cell; vertic...
当IE7 beta1推出的时候，我在第一时间对它作了个测试。当时发现它对CSS的支持几乎没有任何变化，着实失望了一阵。MS在最近推出了IE7 beta2，这次有了不少新的改进和变化。但这些改进和变化会导致一些原来正常网页出现布局错误或者原来可以使用的Hack技巧不再可用。MSDN在年初的时候把这些可能产生的问题罗列给开发者（这是原文），这里我把其中比较主要的问题简单地描述一下，希望能对大家有所帮助。 注意，在IE7正版发布之前，以下...
.disabled { } .disabled optgroup{ font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color:#CCCCCC; background-color: #F5F5F5; } .disabled option { padding-left:0px; } General Motors Ford Motor Company DaimlerChrysler 用这种变态的方式可以实现，在firefox和ie6下看效果很好 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对应的什么CSS语句。当你解决了第一种问...