none
在IE8下table的th上使用filter的话,会把head中的border全部遮盖住,请问怎么解决? RRS feed

  • 问题

  • 在 IE8 下 我们发现 在table的th上使用filter的话,会把head中的border全部遮盖住,请问大家有没有解决的方法?急~~~~~
    下面是示例代码:
    <!
    DOCTYPE
     HTML
     PUBLIC
     "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd"
    >
    
    
    <
    html
    >
    
    <
    head
    >
    
    <
    style
    >
    
     th {}{
      -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=white, endColorstr=gray)";
      border:10px solid red;
     }  
    </
    style
    >
    
    </
    head
    >
    
    
    <
    body
    >
    
    
    <
    table
    >
    
    <
    tr
    >
    
    <
    th
    >
    Give me a border</
    th
    >
    
    </
    tr
    >
    
    <
    tr
    >
    
    <
    th
    >
    Give me a border</
    th
    >
    
    </
    tr
    >
    
    <
    tr
    >
    
    <
    th
    >
    Give me a border</
    th
    >
    
    </
    tr
    >
    
    <
    tr
    >
    
    <
    th
    >
    Give me a border</
    th
    >
    
    </
    tr
    >
    
    </
    table
    >
    
    
    </
    body
    >
    
    </
    html
    >
    
    
    

    • 已更改类型 ray.wang 2009年10月14日 8:07
    • 已移动 孟宪会Moderator 2009年10月14日 9:54 (发件人:一般性问题讨论区)
    2009年10月14日 8:04

答案

全部回复

  • 在 IE8 下 我们发现 在table的th上使用filter的话,会把head中的border全部遮盖住,请问大家有没有解决的方法?急~~~~~
    下面是示例代码:
    <!
    
    DOCTYPE
    
     HTML
    
     PUBLIC
    
     "-//W3C//DTD HTML 4.01//EN"
    
     "http://www.w3.org/TR/html4/strict.dtd"
    
    >
    
    
    
    <
    
    html
    
    >
    
    
    <
    
    head
    
    >
    
    
    <
    
    style
    
    >
    
    
     th {}{
      -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=white, endColorstr=gray)";
      border:10px solid red;
     }  
    </
    
    style
    
    >
    
    
    </
    
    head
    
    >
    
    
    
    <
    
    body
    
    >
    
    
    
    <
    
    table
    
    >
    
    
    <
    
    tr
    
    >
    
    
    <
    
    th
    
    >
    
    Give me a border</
    
    th
    
    >
    
    
    </
    
    tr
    
    >
    
    
    <
    
    tr
    
    >
    
    
    <
    
    th
    
    >
    
    Give me a border</
    
    th
    
    >
    
    
    </
    
    tr
    
    >
    
    
    <
    
    tr
    
    >
    
    
    <
    
    th
    
    >
    
    Give me a border</
    
    th
    
    >
    
    
    </
    
    tr
    
    >
    
    
    <
    
    tr
    
    >
    
    
    <
    
    th
    
    >
    
    Give me a border</
    
    th
    
    >
    
    
    </
    
    tr
    
    >
    
    
    </
    
    table
    
    >
    
    
    
    </
    
    body
    
    >
    
    
    </
    
    html
    
    >
    
    
    
    



    A
    2009年10月14日 15:56
  • 在 IE8 下 我们发现 在table的th上使用filter的话,会把head中的border全部遮盖住,请问大家有没有解决的方法?急~~~~~
    下面是示例代码:
    <!
    
    
    DOCTYPE
    
    
     HTML
    
    
     PUBLIC
    
    
     "-//W3C//DTD HTML 4.01//EN"
    
    
     "http://www.w3.org/TR/html4/strict.dtd"
    
    
    >
    
    
    
    
    <
    
    
    html
    
    
    >
    
    
    
    <
    
    
    head
    
    
    >
    
    
    
    <
    
    
    style
    
    
    >
    
    
    
     th {}{
      -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=white, endColorstr=gray)";
      border:10px solid red;
     }  
    </
    
    
    style
    
    
    >
    
    
    
    </
    
    
    head
    
    
    >
    
    
    
    
    <
    
    
    body
    
    
    >
    
    
    
    
    <
    
    
    table
    
    
    >
    
    
    
    <
    
    
    tr
    
    
    >
    
    
    
    <
    
    
    th
    
    
    >
    
    
    Give me a border</
    
    
    th
    
    
    >
    
    
    
    </
    
    
    tr
    
    
    >
    
    
    
    <
    
    
    tr
    
    
    >
    
    
    
    <
    
    
    th
    
    
    >
    
    
    Give me a border</
    
    
    th
    
    
    >
    
    
    
    </
    
    
    tr
    
    
    >
    
    
    
    <
    
    
    tr
    
    
    >
    
    
    
    <
    
    
    th
    
    
    >
    
    
    Give me a border</
    
    
    th
    
    
    >
    
    
    
    </
    
    
    tr
    
    
    >
    
    
    
    <
    
    
    tr
    
    
    >
    
    
    
    <
    
    
    th
    
    
    >
    
    
    Give me a border</
    
    
    th
    
    
    >
    
    
    
    </
    
    
    tr
    
    
    >
    
    
    
    </
    
    
    table
    
    
    >
    
    
    
    
    </
    
    
    body
    
    
    >
    
    
    
    </
    
    
    html
    
    
    >
    
    
    
    
    



    A


    A
    2009年10月14日 15:57
  • 两个方法是1用图片替代效果
    2用绝对定位 然后调整定位 布局 即可

    2009年10月14日 17:21