2009-10-15 10 views
16

Raphaël-JavaScriptライブラリを使用して円グラフグラフィックを作成していますが、SVG要素のオーバーフローを可視に設定して、それらの容器の外側に表示する。通常のDOM要素(オーバーフロー:可視;)で行う方法は、SVGコンテナでは機能しないようです。 誰でもこれを経験したことがありますか、それを解決する方法はありますか?SVGグラフィックスが含まれているsvg要素の外側にオーバーフローするのを許可します。

乾杯

+0

なぜクリッピングを防ぐためにコンテナのサイズを変更するだけではないのですか? –

+0

私はレイアウトをハッキングすることを避けようとしています。コンテナを大きくして配置すると、残りの要素のフローが壊れてしまいます。 –

答えて

9

それはbug in Firefoxです。

WebKitは、VML要素のIEと同様に、SVG要素に対して正しくoverflow: visibleを正しく実装します。

+3

Googleからのこの古い答えに遭遇している誰かのためのちょっとしたメモ - Firefoxで 'オーバーフロー:可視'が期待通りに機能するようになりました。 – Tersosauros

+0

私のためには機能しません。私は '

\t \t \t
'を使い、何とかこの画像はあふれません。 'overflow-x:visible'についても同じ結果が得られます。 SVGでは、width、weight、およびviewbox属性を使用します。編集:imgを埋め込みに置き換えた後に動作します。 – Soaku

関連する問題