MCQs Test!! VB Basic Test !! Essentials of VB !! Creating User Services !! function !! Anatomy !! GK March-2019 !! DATA TYPES IN JAVA !! Classes ,Constructor ,Methods,Inheritance !! Ecology-I !! Biology 2019 !! Gk april 2019 !! Biology (living world) !! Plant anatomy !! CELL STRUCTURES AND FUNCTION !! General biology !! Human physiology !! Data structure !! Ecology-II !! GK TEST !! Reproduction in plants !! Human reproduction !! The ABC of C !! Operating system set1 !! Operating system set2 !! Gk and current affairs !! Animal kingdom !! Number system !! Animal kingdom-II !! Gk TEST-III !! Number series !! Microorganisms !! Interview question in c !! Time and Work !! Percentage !! General history !! Average !! Cells !! Locomotion and Movement !! paging !! Bacteriology !! Page replacement policy !! Secondary memory and Disk scheduling !! Introduction of Nervous System and neurons !! Plant harmones !! Transport and Mineral Nutrition in Plants !! Neurotransmitters !! Modern Indian History !! Photosynthesis in Plants !! Modern Indian History-II !! Plant respiration !! Environment & Biodiversity !! Environment & Biodiversity - II !! Algae, Bryophytes, Pteridophytes !! Area !! Cricket !! Days of the Year (India and the World) !! Plant Pathology - I !! Indian Transport System !! Plant Pathology - II !! Aptitude !! Biology !! Botany !! C language !! Computer Science !! Core Java !! Gate !! GK !! Mysql !! Operating system !! Physics !! VB-Visual Basic !! Zoology

CSS Tutorials

Layers In CSS
Previous Home Next

With CSS, it is possible to work with layers: pieces of HTML that are placed on top of the regular page with pixel precision.CSS gives you opportunity to create layers of various divisions. The CSS layers refer to applying the z-index property to elements that overlap with each other.The z-index property is used alongwith position property to create an effect of layers. You can specify which element should come on top and which element should come at bottom.

The advantages of this are obvious - but once again Netscape has very limited support of CSS layers - and to top it off: the limited support it offers is quite often executed with failures.n CSS, each element is given a priority. HTML elements that appear later in the source code than others will have a higher priority by default. If there are two overlapping CSS positioned elements, the element with the higher priority will appear on top of the other.To manually define a priority, set the z-index value. The larger the value, the higher the priority the element will have.

Simple Example
h4{ position: relative; 
top: 30px;
left: 50px;
z-index: 2;
background-color: #336699;}
p { position: relative; 
z-index: 1; 
background-color: #FFCCCC;} 
<h4>Header Z-Index = 2<br>
This is used to show first part</h4>
<p>You probably can't read this part,
 so I will fill it in with useless text for 
the time being.<br>This paragraph has a z-index
 of 1, which is less than
the header.<br>As you can see, the header has 
been moved down, using positioning, and is
now resting on top of this paragraph.<br>If we
 had not defined the z-index, by default the 
 paragraph would have been on top<br> of the header 
 because it appears later in our HTML code.</p>


Previous Home Next