2011-09-01 3 views
0

上に透明な影響を回避するために、どのように、DIVにユーザーがコンピュータからファイルを選択させるファイルアップロードコントロールを終了埋め込まdivがあります。私はマスクのCSSのCSSを設定しましたjQueryの:私はPICボタンを付けるクリックするとdivの層をポップアップするためにjQueryを使用するマスクのdiv

opacity=0.70 

うまくいきましたが、埋め込みdivも透明な効果があることがわかりました。私は内部の不透明度= 1.0を設定しても、opcity = 0.70のように感じます。どのように内部のdivに透明な効果を避けるために?

答えて

2

私はあなたの最善の策は、内側のdivを引き出し、ちょうど透明のdivの上にそれを置くためにだと思います。

+0

が合意すれば、私は知りません。ポジショニングが問題の場合は、jQueryの '.offset()。left'と' offset()。top'を使用して、divのオフセットを取得し、それを他のdivに割り当てます。 – Blazemonger

0

あなたは両親の背景にアルファチャンネルを使用することができます。

これは、70%の不透明度と黒に親のdivの背景を設定します。

.parentDiv { 
    backround:rgba(0,0,0,0.7); 
} 

子divが、それはあなたが完全に不透明子供とやや透明親が

また、あなたが境界色を同じに設定することができることに注意しなければならない、あまりにも

.childDiv { 
    background:red; 
} 

独自のスタイルだ持っていますあなたは半透明または透明な境界線を必要とする場合の方法

はまた、私はIEが特別なものを持っていると思う(あなたもフィルタ機能を使用することができることに注意してください。

filter:alpha(opacity=40) 
0

は、ここに私がやったことだ:

$(document).ready(function() 
      { 
       $(".test").click(function() 
        { 
         $("body").append("<div id=\"transparentDiv\"></div>"); 
         $("#transparentDiv").css({opacity:0.7, backgroundColor:"#000", position:"absolute", width:"100%", height:"100%", top:0, zIndex: 4}); 
         $("body").append("<div id=\"scalableDiv\"><p>Hello!</p></div>"); 
         $("#scalableDiv").css({"width":"10px","height":"10px","backgroundColor":"white","left":"auto","zIndex":"5", opacity:1.0, position: "absolute"}); 
         $("#scalableDiv").animate({width:"200px",height:"200px"},"normal","linear"); 
        }); 
      }); 

はところで、私は2日前にjQueryを使って始めた、これは適切な解決策であるのいずれか

関連する問題