Css Layer Visibility
Posted: 27 April 2010 10:36 AM   [ Ignore ]
Newbie
Rank
Total Posts:  6
Joined  2010-04-27

Howdy,

Is there any body know how to use the Css Layer Visibility to get a login or a registration form shows up when clicking on a login or registration form?!

Like this site:
http://www.ldu.ru
Sorry the site langauge is russian, take a look at the top right corner !
Thanks.


touch screen repair
Strategy Games

Profile
 
 
Posted: 18 May 2010 05:56 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  1
Joined  2010-05-18

In toggling layer visibility, is there ANY way this can be done without using Javascript ie., through CSS only and avoiding any onClicks or onRollovers.The advantages of this are obvious - but once again Netscape has very limited support of CSS layers - and top it off: the limited support it offers is quite often executed with failures.


AYER 1 ON TOP:
<div style=“position:relative; font-size:50px; z-index:2;”>LAYER 1</div>
<div style=“position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1”>LAYER 2</div>

LAYER 2 ON TOP:
<div style=“position:relative; font-size:50px; z-index:3;”>LAYER 1</div>
<div style=“position:relative; top:-50; left:5; color:red; font-size:80px; z-index:4”>LAYER 2</div>

Ford Ranch Wagon Parts

Profile
 
 
Posted: 03 June 2010 12:55 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  6
Joined  2010-06-03

hello,
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
  “http://www.w3.org/TR/html4/strict.dtd”>
<html lang=“en”>
<head>
<title>visibility</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”>


//<![CDATA[
<!—
function Toggle() {
var elm=document.getElementById(‘layer1’);
elm.style.visibility=(elm.style.visibility==‘hidden’)? “visible” : “hidden”;
}
//—>
//]]>


<style type=“text/css”>
<!—
#layer1 {position:absolute; top:50px; left:150px; z-Index:0; visibility:hidden}
#layer2 {position:absolute; toppx:70px; left:200px; z-Index:1}
#toggle {position:absolute;  top:150px;}
—>
</style>

</head>
<body>
<div id=“layer1”>
<table border=“1” bgcolor=”#FFCC00”><tr><td>THIS IS LAYER 1
POSITIONED AT 100,100</td></tr></table>
</div>

<div id=“layer2”>
<table border=“1” bgcolor=”#00CCFF”><tr><td>THIS IS LAYER 2
POSITIONED AT 140,140</td></tr></table>
</div>
<button id=“toggle” type=“button” onclick=“Toggle();”>Toggle layer1</button>
</body>
</html>
</body>
</html>

 

 

 

Scion xB Parts

Profile
 
 
Posted: 04 June 2010 05:28 PM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  2
Joined  2010-06-04

Good news.This is a great post. I like this topic.This site has lots of advantage. I found many interesting things from this site. It helps me many away..So i want some information for sharing this side with some of my friend.

Mazda RX4 Parts

Profile
 
 
Posted: 30 June 2010 01:46 PM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  1
Joined  2010-06-30

Peeatar005, thanks for great info. I have learned something new and useful. Shall try soon…

breast actives

Profile