jquery fixMaxWH插件-IE下兼容max-width和max-height
2010-10-28 16:33
603 查看
开始时候一个个页面的写,后来发现不如写出插件形式,方便调用。
不过发现在IE6下应用到图片时候还是不能完全到达在firefox等标准浏览器下的效果。
使用例子:
(function($){ $.fn.fixMaxWH = function() { this.each(function() { var ele = $(this); var maxWidth = parseInt(ele.css('max-width')); var maxHeight = parseInt(ele.css('max-height')); if (ele.width() > maxWidth) { ele.width(maxWidth); } if (ele.height() > maxHeight) { ele.height(maxHeight); } }); } })(jQuery);
不过发现在IE6下应用到图片时候还是不能完全到达在firefox等标准浏览器下的效果。
使用例子:
$(function(){ //选择要应用max-width, max-height效果的元素 $('.someclass img').fixMaxWH(); });
相关文章推荐
- jquery实现图片等比例缩放,解决max-width在ie中不兼容问题
- jquery实现图片等比例缩放以及max-width在ie中不兼容解决
- jquery实现图片等比例缩放以及max-width在ie中不兼容解决
- 初学canvas,遇到width和height显示问题和用excanvas.js兼容IE问题
- 使用 jquery-autocomplete插件 完成文本框输入自动填充联想效果 解决兼容IE输入中文问题
- 仿jquery dialog样式,兼容IE,的拖拽dialog jquery插件实现
- 完美兼容各版本IE的JQuery时间插件
- Jquery固定表头插件,兼容IE6.7.8.9 ,Chrome ,FF
- min-width、max-width、min-height、max-height在IE6下兼容的解决办法
- Jquery 插件图片放大效果(兼容ie 火狐 谷歌 Safari)
- jquery分页插件jpaginate不兼容ie的问题
- IE6支持兼容max-height、min-height、max-width、min-width CSS样式
- 如何让ie兼容max-height,和min-height属性
- Jquery 插件图片放大效果(兼容ie 火狐 谷歌 Safari)
- jQuery圆角插件,实现兼容ie、ff的圆角效果
- IE 6不支持min-height或max-width等属性的完美解决方案
- 自己写jQuery-ajax插件,XMLHttpRequest,支持回调,兼容ie、ff、360等浏览器
- IE 6不支持min-height或max-width等属性的完美解决方案
- IE中的max/min-height/width
- min-width、max-width、min-height、max-height在IE6下兼容的解决办法