html - FireFox のテキスト オーバーフローの省略記号ハックにより、他のすべてのスタイルが削除されます

Question

text-overflow: ellipsis;Web サイトの FireFox バージョンにサポートを実装しようとしています。Web で XUL ハックを見つけ、それをスタイルシートに適用しましたが、ハックを適用すると要素から他のすべてのスタイリングが削除されることがわかりました。つまり、省略記号を使用することも、背景画像、グラデーション、行の高さなどを使用することもできます。

省略記号ハックを他のスタイルと一緒に機能させるにはどうすればよいですか?

Answer 1

要素の周りに追加の div を配置し、その 1 つにすべての背景とフォントを指定してから、子に text-overflow を設定します。

Answer 2

これを試して

display: inline-block;
*display: inline;
*zoom: 1;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: normal;
max-width: 130px;
vertical-align: bottom;

これは IE 7、IE 8、IE 9、IE 10、Firefox、Chrome、Safari で動作します