2011-07-07 10 views
2

私はいくつかのグラフのSVGを使用しています。しかし、私はsvgポップアップウィンドウに問題があります。あなたが写真で見ることができるように、html div(緑色のバー)は黒色のポップアップと重なっています。 html要素(私の場合は緑色のバー)上にsvgを配置する方法はありますか?場所html要素の上にSVG


ie9同じページでも問題ありません。

enter image description here

enter image description here

+0

これは質問に答えていない任意の非配置要素の前に表示されますが、指摘する価値があるされている近代的なCSSの技術では、角の丸い、グラデーションのように。アイコンフォント(2番目)のグラフィックを(かなり意味のある)htmlだけで複製することができます。 –

答えて

1

HTML要素(see this example)上でSVGを配置することは確かに可能です。

私は私が原因ファイアウォールにあなたのイメージを見ることができない怖い:(

+0

は、参照されるfiddle/exampleから、svg要素を含むdivのfloatTLクラスを使うだけでよいことに注意する価値があります – Jordan

4

問題ここだけSVGsには適用されません。これは、要素の配置をどうするのですが、任意の位置の要素(位置:。。絶対、位置:相対)は

.box{ width: 200px; height: 200px; } 
 

 
.blue{ 
 
    background-color: blue; 
 
    position: absolute; 
 
    
 
} 
 
.red{ 
 
    background-color: red; 
 
    //position: relative; /*see what happens when you remove this*/ 
 
}
<div class="box blue"> 
 
</div> 
 

 
<div class="box red"> 
 
</div>