Forum - Transparenz-Effekte

<style>
.trans
 {
 opacity:0.4;
 filter:alpha(opacity=40; /* Für IE8 und früher */
 }
</style>
 

Text: 
<span class="trans">Dieser Text wird transparent dargestellt.</span>
 
Bild: 
<span class="trans"><img src="https://files.homepagemodules.de/b104774/bhnetfiles-1tys-5q.gif"></span>
 
Tabelle: 
<table  class="trans" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td> ....... </td></tr></table>
 

<style>
.transm
 {
 opacity:0.4;
 filter:alpha(opacity=40); /* For IE8 and earlier */
 }
 .transm:hover
 {
 opacity:1.0;
 filter:alpha(opacity=100); /* For IE8 and earlier */
 }
</style>
 

Text: 
<span class="transm">Dieser Text wird transparent dargestellt.</span>
 
Bild: 
<span class="transm"><img src="https://files.homepagemodules.de/b104774/bhnetfiles-1tys-5q.gif"></span>
 
Tabelle: 
<table  class="transm" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td> .......<td><tr></table>
 

 [transm]  
...  
[/transm]
 

<span class="transm">  
...  
</span>
 

https://files.homepagemodules.de/b2001010/a_799_50667aa9.png
 

Reihenfolge: 0
 

<script>
//// Transparenz Navi - Bei geöffneten Submenü ////
window.addEventListener('load', function(){
 
$('.navigation ul, #global-news-li, .nav-item .dropdown-menu').hover(function(){
$('.main, .leftcol, .rightcol, .footer').css({'opacity':'0.3','transition':'0.8s','-webkit-transition':'0.8s'});
},function(){
$('.main, .leftcol, .rightcol, .footer').css({'opacity':'1.0','transition':'0.3s','-webkit-transition':'0.3s'});
});
 
});
</script>
 

<script>
//// Transparenz Navi ////
$('.navigation li, #global-news-li').hover(function(){
if(($(this).attr("id") != "link_login")&&($(this).attr("id") != "link_register")&&($(this).attr("id") != "user_page03708292295062494")){
$('.main,.container.portall,.leftcol,.rightcol,.footer').css({'opacity':'0.2','transition':'0.8s','-webkit-transition':'0.8s'});
};
},function(){
$('.main,.container.portall,.leftcol,.rightcol,.footer').css({'opacity':'1.0','transition':'0.3s','-webkit-transition':'0.3s'});
});
</script>