CSS中写expression可能会在Chrome中有问题
作者：zishu 来源：子鼠blog 发布时间：2010-01-29 13:10:00
先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：
<div id="test">
<img src="month_0702/n2007271255.gif" />
</div>
Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中，我们可能会写如下的代码：
#test img{width: expression(this.width > 50 ? '50px': true); max-width: 50px; }
但，上边的代码会有一个性能上的问题，性能会非常的差。为什么差，可以看一下之前写过的：expression为什么性能差？
为了解决性能上的问题，我把代码写成了如下：
#test img{ width: expression(this.width > 50 ? function(abc){abc.style.width = '50px';}(this) : 'auto'); max-width: 50px;}
写好后，在IE和FIREFOX都是正常的！
但是，在Chrome中就不同了，在这行下边的所有CSS都不能加载；如下边的代码，最后一行CSS在CHROME中是不执行的；
#test img{ padding:10px;}
#test img{ width: expression(this.width > 50 ? function(abc){abc.style.width = '50px';}(this) : 'auto'); max-width: 50px;}
#test img{ border:20px solid #FFCC00}
在IE和FIREFOX中是可以看到图片有黄色边框的，但在CHROME中是没有的。
expression在Chrome中的问题要知道有这么回事，写代码时可以避开。
expression的东西能不用就不要用，一担用了还有性能问题，为了解决性能问题又是出来了一个CHROME的问题。
为了解决CHROME的问题就又有性能问题了，不知道有没有更好的办法能兼容一下两者，实在不行就得在外边用JS来跑了。
之后发现是代码中的问题，感谢fireyy 的提示，写成这样就没有问题了，少写了一个括号，但这样不知为什么在IE中没有问题：
(function(abc){abc.style.width = '50px';})(this)
0
投稿猜你喜欢
- 如何用Sleep函数编译一个定时组件？见下： Private Declare Sub Sleep L
- 许多游戏玩家一定会对游戏中的动态鼠标指针有很深的印象，其实只要一句简单的CSS（层叠样式表），你也能在网页上实现这种效果。首先，你需要一个鼠
九宫格是一种比较古老的设计，它最基本的表现其实就像是一个三行三列的表格。其实它最初是在window的c/s结构中用得比较多，比如我们经常看到- 和数据库打交道要频繁地用到SQL语句，除非你是全部用控件绑定的方式，但采用控件绑定的方式存在着灵活性差、效率低、功能弱等等缺点。因此，大多数
- 所有数据库和状态文件都包含在其中。但是，在确定数据目录内容的布局中管理员有某些职责。本文讨论为什么要移动数据目录的各个部分(甚至是字典本身)
- 我们提倡尽可能使用CSS，而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候
- 1.delete不能使自动编号返回为起始值。但是truncate能使自动增长的列的值返回为默认的种子 2.truncate只能一次清空，不能
- 代码如下:function checkip(checkstring)'用正则判断IP是否合法 dim re1 set re1=new
- 这段时间，关于asp的前途，关于asp的好坏的讨论贴，都有好些了。当然，大家的心都是好的，但是一些朋友说的话，真是让人郁闷。个人觉得，在现在
- GetRef 函数 返回一个指向一过程的引用，此过程可绑定某事件。 Set object.eventname = GetRef(procna
- 根据google最新的算法规则:用户行为模式的重视程度越来越高，这也就要求网页设计的时候应注意“合理的网页结构”，SEO业界也有个共识“网页
- 不知道有多少人清楚的知道，在Oracle中，如果一个复合索引，假定索引(a,b,c)三个字段，删除了(包括unused)其中一个字段，Ora
- 修改文件的名字 使用“FileSystemObject(文件系统对象)”的GetFile函数得到一个“文件对象”，然后修改这个“文件对象”的
- 有在论坛上看到一帖，《请教查询出连续日期记录的方法》，截图如下：Insus.NET尝试写了程序并做了测试，可以得到预期的结果，SQL代码可参
- 制作圆角导航其实跟制作圆角边框是一样的道理，有一种很常见的方法就是使用CSS绝对定位，切四个圆角的小图片，然后分别定位在四个角，这样就可以实
- 佛爷去了公司的年夜饭，我有点无聊就在公司 Coding 点东西玩玩，于是就有了这玩意。请允许我很猥·琐得将这个游戏称之为“是男人坚持 100
- 代码如下:<％ Rem xml缓存类 '----------------------------
- 今天我们来一起看看Dreamweaver MX 2004在加密FTP 传送 方面的新功能。我们一般在做
- XML、 XLink、 Namespace、 DTD、 Schema、 CSS、 XHTML...假如你从未接触XML, 或许你会感觉不知从
- CSS 中的 position 属性可以很容易的将指定的元素定位到理想的位置。但在使用这一属性时需要注意，尤其是在表格元素中。为了说明此问题
