ie8/9下图片设置max-height变形问题

似梦飞花 2013-07-29 05:20:04

如题设置max-height后宽度并不随比例变化(ie8/9)
求破

已经加了<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />了
最好是纯css的方法
万分感谢

...全文

101 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2013-07-29

打赏
举报

<!doctype html>
<img src='http://info-database.csdn.net/Upload/2013-07-29/yinxiang-475-60-0724.jpg' style='max-height:30px;'/>

没问题吧。。max-height需要为css1compat才有效，backcompat模式无效

一开始的需求只是表头部分在滚动时能一直固定在头部，那关键要实现的就是让tr能定位。首先想到的方法是给tr设置relative，用ie6/7测试以下代码： Code 1 2 3 4 给tr设置relative后就能相对table定位了，看来很简单啊，但问题是这个方法ie8和ff都无效，而且存在很多问题，所以很快就被抛弃了。 ps：该效果用来做tr的拖动会很方便。接着想到的是给table插入一个新tr，克隆原来的tr，并设置这个tr为fixed（ie6为absolute），例如： Code 1 2 3 4 5 6 第一个问题是fixed的tr在ie7中不能进行定位，而且td在定位后并不能保持在表格中的布局，这样在原表格插tr就没意义了。 ps：fixed的相关应用可参考仿LightBox效果。最后我用的方法是新建一个table，并把源tr克隆到新table中，然后通过对新table定位来实现效果。用这个方法关键有两点，首先要做一个仿真度尽可能高的tr，还有是要准确的定位，这些请看后面的程序说明。程序说明【克隆table】克隆一个元素用cloneNode就可以了，它有一个bool参数，表示克隆是否包含子节点。程序第一步就是克隆原table： this._oTable = $(table);//源table this._nTable = this._oTable.cloneNode(false);//新table this._nTable.id = "";//避免id冲突要注意虽然ie的cloneNode参数是可选的（默认是false），但在ff是必须的，建议使用时都写上参数。还要注意的是id属性也会被克隆，也就是克隆后会有两个相同id的元素（如果克隆对象有设置的话），这很容易会导致其他问题，程序会把克隆table的id属性设空。 ps：table请用class来绑定样式，用id的话新table就获取不了样式了。克隆之后再设置样式： this._style.width = this._oTable.offsetWidth + "px"; this._style.position = isIE6 ? "absolute" : "fixed"; this._style.zIndex = 100; 一般来说offsetWidth是width+padding+border的结果，但table比较特别，测试下面的代码： Code

1. 盒子设置和图片等比例大小 2.使用max-width:300px或max-height:100px，即可解决图片比例缩小。但这样存在一个问题，如果按照宽度缩放，但图片过高会超出溢出盒子，这个时候需要对父级使用overflow:hidden隐藏超出图片内容。但是使用max-width或max-height，IE6不支持，我们需要设置个width:expression(this.width ...

CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF) 以下文章是在网上转过来的，因为刚好二手房的网站有用户上传大图撑破了DIV，百度了一下解决了问题··分享一下给大家吧！！我刚测试过！！我自己用的跟下面有点不一样，因为我的图片不设定大小在标签里面控制大小，但是又不能让Ta撑开所以就改了一下如果图片宽度超出550就强制将图片缩放到宽度550，否则就不做任何处理默

转自:http://www.boy110.com/csslimitedwidth/ CSS限制图片最大宽度，兼容IE6/IE7/IE8/FF，用做管理后台应该没问题！我们在制作一个网页的时候，经常要对一个区域里可能出现的图片的宽度进行限制，不然它可能会把页面撑得很烂很烂。如果你采用固定宽度，长度来设置的话，比如在中设置，或者是在CSS中用 .img {height:...

CSS知识点

JavaScript

87,922

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章

ie8/9下 图片设置max-height变形问题

ie8/9下图片设置max-height变形问题