+ -
当前位置:首页 → 问答吧 → display:inline-block如何兼容IE?

display:inline-block如何兼容IE?

时间:2011-09-02

来源:互联网

display:inline-block如何兼容IE?

<span onclick='ShowTable(this)'>显示table</span>


JS中的方法:
function ShowTable(span)
{//显示价格信息
  // var table=jQuery('.Table1').eq(i);
  var table=jQuery(span).parent().parent().parent().find('.Table1');
  if(table.css('display')=="none")
  {
   
  table.css({display:'inline-block'});
   
  }
  else
  {
  table.css({display:'none'});
  }
}


这样写在IE中就显示不出效果

作者: scorpio787   发布时间: 2011-09-02

display:inline-block兼容IE的

http://www.quirksmode.org/css/display.html 参考
可能是写的不对把

table.css("display","inline-block");这样试试

作者: zsx841021   发布时间: 2011-09-02

display:'inline-block' 可以在ie下得到效果

至于楼主的问题,.Table1是不是table?

因为table是只读元素,它是一个结构,其下的td才是真正的容器,所以你得设置td的display

作者: calmcrime   发布时间: 2011-09-02

引用 2 楼 calmcrime 的回复:
display:'inline-block' 可以在ie下得到效果

至于楼主的问题,.Table1是不是table?

因为table是只读元素,它是一个结构,其下的td才是真正的容器,所以你得设置td的display



.Table1只是一个class属性

作者: scorpio787   发布时间: 2011-09-02

引用 3 楼 scorpio787 的回复:
引用 2 楼 calmcrime 的回复:
display:'inline-block' 可以在ie下得到效果

至于楼主的问题,.Table1是不是table?

因为table是只读元素,它是一个结构,其下的td才是真正的容器,所以你得设置td的display



.Table1只是一个class属性


我的意思是
是不是table元素的class是.Table1
<table class="Table1">
...
</table>

如果是的话,那应该就是上面说的问题了。

作者: calmcrime   发布时间: 2011-09-02

引用 4 楼 calmcrime 的回复:
引用 3 楼 scorpio787 的回复:
引用 2 楼 calmcrime 的回复:
display:'inline-block' 可以在ie下得到效果

至于楼主的问题,.Table1是不是table?

因为table是只读元素,它是一个结构,其下的td才是真正的容器,所以你得设置td的display



.Table1只是一个class属性


我的意思是
……




.Table1你可以忽视
我想问的主要是if(table.css('display')=="none")
  {
   
  table.css({display:'inline-block'});
   
  }
  else
  {
  table.css({display:'none'});
  }
其中的
table.css({display:'inline-block'});
这一句应该如何修改?

作者: scorpio787   发布时间: 2011-09-02

引用 4 楼 calmcrime 的回复:
引用 3 楼 scorpio787 的回复:
引用 2 楼 calmcrime 的回复:
display:'inline-block' 可以在ie下得到效果

至于楼主的问题,.Table1是不是table?

因为table是只读元素,它是一个结构,其下的td才是真正的容器,所以你得设置td的display



.Table1只是一个class属性


我的意思是
……




.Table1你可以忽视
我想问的主要是if(table.css('display')=="none")
  {
   
  table.css({display:'inline-block'});
   
  }
  else
  {
  table.css({display:'none'});
  }
其中的
table.css({display:'inline-block'});
这一句应该如何修改?

作者: scorpio787   发布时间: 2011-09-02

楼主试试这个
http://hi.baidu.com/minmin_devil/blog/item/74e603226cedd148ad34de14.html

作者: BLUE_LG   发布时间: 2011-09-02

热门下载

更多