作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在为跨浏览器 View 效果编写 jQuery 动画。我需要使用 hack 属性 _height
和 *height
来处理 IE。我尝试使用
$('#notice_container').css({'_margin-bottom':'auto', 'margin-bottom': '31px'});
但是,尽管设置了 margin-bottom
,但它并没有按照我指定的方式设置 _margin-bottom
。
那么,我的问题是如何使用 jQuery 设置那些 IE 指定的属性?
最佳答案
虽然不是如何使用 jQuery 实现传统 IE CSS hack 的直接答案,但您可能对更干净的解决方案感兴趣,如下所述:
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
基本上,您可以使用条件注释根据运行的 IE 版本将类分配给 html
元素:
<!--[if lt IE 7]> <html class="ie6"> <![endif]-->
<!--[if IE 7]> <html class="ie7"> <![endif]-->
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
然后像这样定位元素,而不是使用 hack:
$('.ie7 #notice_container').css({'margin-bottom':'auto'});
如果需要,请选择 id 或不同的类名称。一般来说,这是一种非常干净的“黑客”IE 方法。
关于jquery - 如何用 jQuery 编写 IE 属性 Hacks?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8163900/
我是一名优秀的程序员,十分优秀!