2017-05-31 21 views
0

フライングソーサーは、次のHTMLサンプルの取り消し線レンダリングされません背景色や取り消し線を描画しません: enter image description hereフライングソーサーは

<s><span style="color: rgb(255, 0, 0);"><span style="background-color: rgb(255, 255, 0);">This is a test </span></span> 
</s> 

のみ背景色と色付きのテキストを生成したPDFに表示されます

ただし、背景色を使用しないときは、取り消し線が正しくレンダリングされます。

バックグラウンドカラーと組み合わせてFlying Saucerで取り消し線をレンダリングするにはどうすればよいですか?

更新6月6日

私はspanタグの内側にストライクタグ<s>を移動した場合、それは動作します:

<span style="color: rgb(255, 0, 0);"><span style="background-color: rgb(255, 255, 0);"><s>This is a test</s></span></span> 
+0

これは、CSSの古いバージョンに関連している可能性がサポートされている? –

答えて

0

あなたのCSSに問題があるかもしれません。ここで

取り消し線がフライングソーサー(9.1.1)での作業を示す例である:

<html> 
<head> 
    <style> 
     span { 
      color: rgb(255, 0, 0); 
      background-color: rgb(255, 255, 0); 
     } 
     span.decorated { text-decoration: line-through;} 
    </style> 
</head> 
<body> 
    <span>Without strikethrough</span> 
    <span class="decorated">With strikethrough</span> 
</body> 
</html> 

結果:

Result with thrikethrough

+0

ありがとう、私の場合、入力はインラインCSSだけです。私の質問のサンプルコードを見てください –

関連する問題