随笔分类 - 兼容性问题
摘要：ecshop问题一：商城首页报错 Strict Standards: Only variables should be passed by reference in D:\wamp\ecshop\includes\cls_template.php on line 422解决方法：找到提示错误的文件cls_template.php 及行号把$tag_sel = array_shift(explode(' ', $tag));改成：$tag_arr = explode(' ', $tag); $tag_sel = array_shift($tag_arr);并且删除
阅读全文
摘要：最近在做一个项目，要用到之前比较流行的瀑布流布局，网上搜了一下，发现没有比较合适的插件可用(项目紧急，喜欢用现成的)，不得不自己写一个，也可能是因为需要结合后台来实现的，所以很难写出一个通用的插件给大家用(json格式，html结构都不一样)。偶尔在网上看到的有关瀑布流的文章(更新于2013-06-05)瀑布流布局浅析瀑布流布局（基于多栏列表流体布局实现）各大瀑布流简析与建议插件——jQuery.Waterfall思路： 其实只要了解了整个流程，要实现这个插件也不难，大家都玩过俄罗斯方块吧，原理差不多，找到合适的地方叠上去就好了，在这里，每个块的宽度是必需给定的，然后计算出列数，再维护一个数.
阅读全文
摘要：IE6下position:fixed的Bug应该是个老问题。不过，今天在搞瀑布流插件写返回顶部按钮时(老是闪动)却花了我不少时间，之前也写过一篇文章解决过，但是是用到css表达式解决，而现在的需求是要在js中动态定位，所以之前的办法不是很合适。今天再来总结一下：方法一：纯css*html{height:100%;overflow:hidden;}*html body{height:100%;overflow:auto;}原理：你拖动的滚动条并不是拖动的整个页面，而仅是body的滚动条优点：视觉效果完美，代码量少，不耗性能缺点：不会触发onscroll事件(因为html没有滚动)，可能会影响一些
阅读全文
摘要：关于阴影这个效果，IE和W3C都有实现的代码，但效果却不统一(以W3C的效果为主)。W3C实现代码：box-shadow: 水平偏移 垂直偏移阴影模糊值阴影外延值 insert(是否内阴影);IE的阴影实现代码：progid:DXImageTransform.Microsoft.Shadow(color=颜色, direction=角度, strength=阴影强度);但IE的阴影看起来有点恶心，而且还不可以设置模糊值。可以点击这里查看所以，要想效果跟W3C的效果接近，可以利用IE滤镜的模糊效果达到IE的模糊效果实现代码：filter:progid:DXImageTransform.Micro
阅读全文
摘要：我想大家在做项目的时候都遇到这样的需求：对于一些列表文本过长溢出显示省略号，我们可以text-overflow:ellipsis很简单地达到效果，很遗憾不能兼容火狐浏览器。text-overflow被列入了CSS3属性，火狐对于标准的实现一向都很好，很郁闷为什么没有实现这个(FireFox 7.0貌似已经实现了)。有三种办法可以实现：方法1：用css实现text-overflow:ellipsisHTML代码：用CSS解决 text-overflow:ellipsis引起兼容性问题解决办法 text-overflow:ellipsis引起兼容性问题解决办法 text-over...
阅读全文
摘要：废话少说，先上代码：/* 除了IE6的主流浏览器通用的方法支持position:fixed */.fixed_t{position:fixed;bottom:auto;top:0px;}.fixed_b{position:fixed;bottom:0px;top:auto;}.fixed_l{position:fixed;right:auto;left:0px;}.fixed_r{position:fixed;right:0px;left:auto;}/*让position:fixed在IE6下可用! */*html{background-image:url(about:blank);back
阅读全文
摘要：问题：绝对定位的层，无背景，ie下点击空白处事件失效？ 具体是什么原因不知道，目前只能解释为这是IE下的bug！解决方案使用position:relative而不是position:absolute；添加背景色；添加透明的背景图片，gif或png，但会增加无意义的http请求；使用background:url(about:blank)，*最佳方案。有些情况在ie6下需要设置背景图片缓存解决鼠标闪烁！document.execCommand("BackgroundImageCache", false, true);
阅读全文
