随笔分类 -  CSS

摘要:只需将文档类型声明改成如下方式即可 阅读全文
posted @ 2014-07-16 11:34 TiestoRay 阅读(298) 评论(0) 推荐(0)
摘要:一.指定文件兼容性模式要为你的网页指定文件模式,需要在你的网页中使用meta元素放入x-ua-compatiblehttp-equiv标头。1.强制ie8使用ie8模式来解析,而且那个兼容性视图按钮也被去掉了2.googlechromeframe也可以让ie用上chrome的引擎:3.强制ie8使用ie7模式来解析 或者 4.强制ie8使用ie6或ie5模式来解析 5.如果一个特定版本的ie支持所要求的兼容性模式多于一种,如:二.设定网站服务器以指定预设兼容性模式网站管理员可籍着为网站定义一个自订标头来为他们的网站预设一个特定的文件兼容性模式。这个特定的方法取决于你的网站服务器。举例来说... 阅读全文
posted @ 2013-12-04 09:46 TiestoRay 阅读(1348) 评论(0) 推荐(0)
摘要:zoom在FF下是不支持的。zoom可以设置四种值:"document","reset",initial", 对于IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。在Chrome下还有个功能:当页面加载后,如下设置<script> window.onload = function() { document.body.style.zoom = "document"; };</script&g 阅读全文
posted @ 2013-02-20 14:31 TiestoRay 阅读(335) 评论(0) 推荐(0)
摘要:scrollHeight与scrollWidthChrome下body的这两个属性与其他元素有差异。当页面的height body.clientHeight时,body.scrollHeight不是body的滚动高度,而是整个页面的高度而且在IE下,如果没有设置body的宽高样式,那么scrollHeight等于body内部元素所占高度。IE6下 无法被其他元素覆盖(通过z-index)font-size:13px在IE6下无效,但font-size:12px等等却可以解决“高度塌陷”的方案 Sgfasd fashdsss dssssss ghfasdfsdfSSSDF SSS df ... 阅读全文
posted @ 2013-02-19 17:30 TiestoRay 阅读(485) 评论(0) 推荐(0)
摘要:效果良好的表属性设置:<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black" style='border-collapse:collapse;table-layout: fixed'></table>很多人都有这种经历:当某个td中没有内容或者没有可见元素时,td的border也会消失。解决方案就是给table添加样式border-collapse:collapse一般的文字截断(适用于内联与块) 阅读全文
posted @ 2012-10-29 12:29 TiestoRay 阅读(488) 评论(0) 推荐(0)
摘要:在IE下style和script是特殊的元素,DOM无法访问其子节点,所以脚本和样式的动态生成需要考虑对IE的特殊处理对于样式,如果内容较少,或者不想放到文件中,可以使用Dom.style.cssText来批量设置。Style//加载样式内容function loadStyle(styleText)... 阅读全文
posted @ 2012-09-27 08:56 TiestoRay 阅读(999) 评论(2) 推荐(2)
摘要:.ToTop{ position: fixed;//类似于absolute,不过其包含块是视窗本身 bottom: 0; background: black; width: 90px; height: 90px; line-height: 23px; z-index: 9999; opacity: 0.6;//Chrome/*以下针对IE*/ filter: alpha(opacity=60); _bottom: auto; _width: 100%; _position: absolute; _top: expre... 阅读全文
posted @ 2012-08-22 12:26 TiestoRay 阅读(229) 评论(0) 推荐(0)