CSS_表格中TR元素在IE与FF中的display不同
2010-03-16 17:29
309 查看
1.问题描述:
一个功能需求,根据使用select元素时选择的不同selectIndex项,显示一个表格里相对应的tr项(单行或者多行),使用样式display:block/none来设置显隐,然而在Firefox中隐藏后再显示时,布局发生错乱。
2. 处理思路:
猜想在IE和FF中TR标签的display属性可能不相同,于是直接用jQuery的.css(“display”)来查看。
3. 问题原因:
发现不同
FF:table-row;
IE:display
4. 解决方法:
根据不同浏览器进行判断设置样式
伪代码// if(ie){ display:block}else{ display:table-row}
一个功能需求,根据使用select元素时选择的不同selectIndex项,显示一个表格里相对应的tr项(单行或者多行),使用样式display:block/none来设置显隐,然而在Firefox中隐藏后再显示时,布局发生错乱。
2. 处理思路:
猜想在IE和FF中TR标签的display属性可能不相同,于是直接用jQuery的.css(“display”)来查看。
3. 问题原因:
发现不同
FF:table-row;
IE:display
4. 解决方法:
根据不同浏览器进行判断设置样式
伪代码// if(ie){ display:block}else{ display:table-row}
相关文章推荐
- web标准下FF与IE对表格边框和宽度的不同解析测试
- ie和ff在js和css的23出不同点
- Css在IE和FF的不同
- IE 和 FF 写不同的CSS
- DIV+CSS与不同IE/FF版本等的兼容性
- css在各种浏览器中的不同写法整理(IE与FF)
- IE和FireFox(FF)中js和css的不同
- IE与FF的js和css不同 (杂记)
- 如何判断当前浏览器的类型(IE和FF)然后调用不同的css?
- ul li+ css 实线表格 兼容IE chrome FF
- div+css 构建3行3列的表格,在FF和IE,以及苹果的浏览器下均可以正常的显示,放大,缩小
- IE 和 FF 写不同的CSS
- IE和FireFox(FF)中js和css的不同
- 7处ff与ie中读写html、css相关属性的不同之处
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- 解决HTML内部元素的Mouse事件干扰(实例,兼容ff,ie)
- CSS书写顺序建议及CSS HACK(FF&IE兼容)
- IE与FF不兼容网页布局CSS问题
- 做出真正的W3C,IE FireFox对CSS的不同解释收集