Firefox 3.1 がテスト要素で「コンテンツ」の値を返すのに、Safari 4 は返さない理由を理解するのに最も苦労しています。
私のサンプルページは次のように設定されています:
<style>
#asd{
content: 'test';
}
</style>
<div id="asd">
Bleh
</div>
私の JS は getComputedStyle を使用しています。これは、「背景色」などの他のプロパティでは機能しますが、「コンテンツ」では機能しません:
if( window.getComputedStyle ){
var thestyle = window.getComputedStyle( document.getElementById('asd'), '');
alert( thestyle.getPropertyValue('content') );
}
Safari は疑似要素セレクター、:before および :after についてより制限的ですか? 私は :after でテストしましたが、これも失敗しましたが、FF はデータを返すことに成功しました。