Gövde içeriğini saydam hale getirin, ancak içerikte bir boşlukla opak sayfa yükleme

JQuery ile çalışıyorum ve sayfa içeriğindeki saydamlık dışında, opak olması gereken gövde içeriğini saydamlaştırmak istiyorum.Gövde içeriğini saydam hale getirin, ancak içerikte bir boşlukla opak sayfa yükleme

ben ...

<!DOCTYPE html> 
<html> 
<head> 
<title>JQuery Query</title> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">  </script> 
<script> 
    $(document).ready(function(){ 

     $("#trans").addClass("getTransparent"); 
     $("#opaq").addClass("getOpaque"); 

     }); 
    </script> 
    <style> 

    body{ 

     background-color: #F0FFFF; 
    } 
    .myClass{ 

     height: 100px; 
     background-color: #4863A0; 

    } 
    .getTransparent{ 

     opacity: 0.3; 

    } 
    .getOpaque{ 

     opacity: 1 !important; 

    } 
    </style> 

</head> 
     <body id="trans"> 

<div id="opaq" class="col-md-6 col-md-offset-3 myClass"> 
This is supposed to be opaque to every detail... 
</div> 

     </body> 
</html>

sayfa yüklendiğinde bu kadar yapmış ama istemiyor sonuçla var. Tüm sayfa, opasiteyi 1 olarak ayarladığım div da dahil olmak üzere yük üzerinde saydamdır.

Ne daha az işe yarayım ya da çalışmasını sağlamak için neyin değiştirilmesi gerekiyor?
Her türlü yardım memnuniyetle karşılanacaktır.

kaynak

2016-03-22 echology

sizin div vücudun içinde yatıyor çünkü It `olmaktadır, dolayısıyla bu onun ebeveyn olarak saydamlığını 0.3 olsun div

Eğer

<body> 
    <div class="transparent"></div> 
    <div class="opaque"></div> 
</body>

ve eklemek gerekir bu şekilde sonuçlanabilir ulaşmak için böyle bir şey oluşturmalıdır position: absolute ve z-endeksi özelliği üzerinde opak div koymak Sen css bu kesmek kullanabilirsiniz

kaynak

2016-03-22 14:26:00

bu yüzden mümkün değil mi? Önyükleme modal olsa da bu tür şeyler yapar. – echology

Tamam, önerdiğiniz şeyleri denememe izin verin. teşekkür ederim. – echology

aynı değil, benim düzenlemeye bakın, ana içeriğin üzerinde başka bir div olmalı ve bu durumda, diğer sayfa içeriğinin üzerinde yer alan% 100 yükseklik ve genişlikte yeni bir katman ekleyin, bu örnek üzerinden gidin http://tympanus.net/codrops/2013/11/07/css-overlay-techniques/ –

şeffaf:

background-color: rgba(72,99,160,0.3);//#4863A0;

https://jsfiddle.net/bw08dv7g/

kaynak

2016-03-22 14:37:45 Greg

Opaklıkla ilgili bir şey yapmalıyım. Bu sadece arka plan rengini değiştirir. – echology

Her neyse cevap verdiğin için teşekkürler. – echology

Gövde içeriğini saydam hale getirin, ancak içerikte bir boşlukla opak sayfa yükleme

cevap

İlgili konular