BizTalk Utilities CV ,   Jobs ,   Code library  
 
Home Page
CSS
CSS <word-spacing> Property
CSS <width> Property
CSS <white-space> Property
CSS <visible> Property
CSS <vertical-align> Property
CSS <unicode-bidi> Property
CSS <top> Property
CSS <text-transform> Property
CSS <text-shadow> Property
CSS <text-indent> Property
CSS <text-decoration> Property
CSS <text-align> Property
CSS <table-layout> Property
CSS <quotes> Property
CSS <position> Property
CSS <padding> Property
CSS <padding-top> Property
CSS <padding-right> Property
CSS <padding-left> Property
CSS <padding-bottom> Property
<< BizTalk
 

By :Mark Wilson
I am the creator of TopXML. I am available for international and local (Australia) contracts. I am a Solution Architect/Business Analyst. I have worked in IT in several countries (NZ, Australia, South Africa, UK) building and training teams for government and very large non-governmental organizations. I am ex-Microsoft Consulting Services. I wrote the first book on Microsoft XML published in 2000 called XML Programming with VB and ASP. Most recently I have been building tools for the SEO industry. Ask me for a 37 point SEO health-checkup for your website.
First posted :03/24/2008
Times viewed :492

 

The z-index property (CSS Reference)

Introduction

The z-index property can be used if you want to overlap some elements. The following example demonstrates the usage.

Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>z-index Demonstration</title>

<style type="text/css">

.overlap

{

    position: absolute;

    left: 0.5in;

    top: 0.5in;

}

.overlap1

{

    position: absolute;

    left: 19mm;

    top: 0.4in;

}

.overlap2

{

    position: absolute;

    left: 19mm;

    top: 0.4in;

}

</style>

</head>

<body>

<h1><p>z-index demonstration</p></h1>

<div class="overlap1" style="z-index: 1"><br/>

<span style="color: red; font-size: 130px;">/</span>

</div>

<div class="overlap2" style="z-index: 3"><br/>

<span style="color: red; font-size: 130px;">\</span>

</div>

<div class="overlap" style="z-index: 2">

<span style="color: blue; font-size: 150px;">+</span>

</div>

</body>

</html>

Output

Values

Name:

Description:

auto

The auto value uses the same stacking order number as the parent element.

number

This value indicates whether the element is in front of the other elements or not. A higher number will be in front of the elements with a lower number.


Rate this article on a scale of 1 to 10

Your vote :  


 

Recent Jobs

An immediate job opportunity as a B
Software Developers Needed in Charl
Sr. Software Engineer - Analytics
Immediate Mainframe openings for Ch
Immediate TANDEM-TAL openings for C

View all Jobs (Add yours)
View all CV (Add yours)



answering service
online faxing
swimming pool builder
online fax
water softener
Teleconference
Host Department NOLIMIT Web Hosting
MSN
sunglasses


    Email TopXML  

Front Page Daily Stuff TopXML Forum XML blogs XML Newsgroups BizTalk Biztalk Utilities Biztalk Utilities Tutorial B2B SAP XML Microsoft .NET Dotnet System XML Soapformatter SQLXML XMLserializer XQuery PHP PHP SimpleXML PHP XML Dom PHP XML RPC PHP XSLT Java Java Java XML Xalan Microsoft ASP ASP Schemas XML SQL Server XML XMLDom XSL XSL Tutorial XSLT Stylesheets General Javascript CSS XHTML WAP