2011-10-31 16 views
0

http://i40.tinypic.com/2nv4gol.pngの例を参照してください。スパンの範囲内の背景色の優先度

私は、他のスパン要素(例の画像の赤い背景)を含むスパン要素(例の画像では青い背景)を持っています。現在、内部スパンの赤色の背景色が、コンテナのスパンの青色の背景色よりも優先されます。

内側のスパンの赤い背景色より優先させるには、コンテナのスパンの青色の背景色が必要です。

コンテナスパンのZ-インデックスで何かを行い、その不透明度を調整できますか?どんな助けもありがとう。

答えて

0

多分あなたは、内側のスパンのための新しいCSSを定義し、それは透明な背景を作成し、追加することができます!CSSルールに重要な、のような、内側のスパンがクラスの「x」であれば...
.x {background-color:transparent !important}

+0

ありがとう、それは、JSの追加/削除クラスの組み合わせで働いた。 –

0

まあ、コンテナをposition: relative; z-index: 1;に、内側のものをposition: relative; z-index: 0;に設定してみることもできますが、背景色の背後にもテキストが隠れてしまうと思います。

私はこれを行うことを試みている理由についてより多くの情報がこれよりも良い答えを与えるのに役立つと思いますが、内側のスパンの背景色を削除するJavaScriptがあるかもしれません。私が言ったように、それはあなたが何をやっているかによってまったく異なります。

+0

私はポジションを試みました:relative + z-indexトリック、そして私の結果に変化はありません。それでも内側スパンの背景がコンテナスパンよりも優先されます。 リッチテキストエディタのため、内部スパンの背景色を削除するJSがいくつかあります。内部スパンの背景色を保存してからテキストを選択解除した後に再適用する必要があります。 .. –