まず、画像を見てください:
前:
後:
円は動的に含まれる SVG によって作成されます。
生成された円の SVG コード:
使用ライブラリ:
jQuery、svgweb
私がやること:
まず、ページの読み込み後、IE8 用の svgweb を使用してインライン SVG を動的に作成しました。
次に、親のdiv conteinterで完全に削除しました。
次に、この SVG コードを再作成すると、2 番目の画像が表示されます。
これが必要な理由: 完全に AJAX 化されたサイト用。
問題:
2枚目の写真でわかります。問題は Firefox でのみ発生します。IE8でも普通に動きます。
実際clipPath
、仕事をやめました。
アップデート
ライブ コードhttp://vseslava.ru/?firefox=1。ここで見ることができる私のソリューション: http://vseslava.ru/しかし、タイムアウトのないソリューションが必要です。