CSS を使用してテーブルのヘッダーをスキーしようとしています。IE9 では正常に動作しますが、IE7 ではヘッダーが歪んでいますが、クリップされています。
ここにフィドルがあります http://jsfiddle.net/sWVrM/3/
コードは次のとおりです。
HTML:
<table>
<thead>
<tr>
<th><p>ABD</p></th>
<th><p>QWE</p></th>
</tr>
</thead>
</table>
CSS:
table thead tr th {
background: #ebf6fe;
overflow: hidden;
padding: 0.5em;
white-space: nowrap;
display: block;
outline: 2px solid;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.9999999999999977, M21=0, M22=1, SizingMethod='auto expand');
}
table thead tr th p {
writing-mode: tb-rl;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand');
background-color: #ebf6fe;
}
幅、最小幅の設定、パディングの追加を試みましたが、何も機能しません!
また、輪郭が歪むこともありません。誰かがそれを行う方法を知っていれば、それは素晴らしいことです!