In IE, the z-index property

2010-09-14  来源:本站原创  分类:Web  人气:204 

z-index property profile

Quote:

z-index: auto | number

auto: default.
number: integer values without units, can be negative.

z-index value will be superimposed on the larger elements of z-index value on the smaller elements. The positioning of this property is not specified, the object, z-index value is the number of objects in its top, while the negative z-index value of an object under his.

Note: This property does not act on the window controls, such as selct the object. In IE 5.5 + in, iframe object began to support this attribute. In the previous browser versions, iframe object is a window control, will ignore this case

z-index attribute applies to positioned elements (position attribute value of relative or absolute or fixed object), is used to determine the positioning elements in the direction perpendicular to the screen (called the Z axis) on the stacked sequence (stack order).

Position property of each element belongs to a stacking context. Root element of the form root stacking context, while the other stacking context created by the positioning elements (elements of this positioning z-index is defined as a non-auto's z-index value), position child elements will be the local stacking context as a reference, with the same rules to determine the cascading order. And stacking context and the containing block is not associated with between.

When stacking context the same time, the use of z-index value to determine how to display, if the z-index are the same (that is, the same stack level), then according to those who file later on the principle of home (back-to-front) of the in order to stack.

When any one element stack to another included in the different stacking context elements will be stacked with stacking context of the level (stack level) to determine the sequence of display cases. In other words, the same stacking context under which it will use the z-index to determine successively, not simultaneously by stacking context of the z-index to decide. For example:

Positioning element A (z-index: 100) which has positioning elements A1 (z-index: 300), while the positioning element B and element A brotherhood (z-index: 200). A1 you will find both the z-index is how much will be z-index is a B-200 is covered, because A, z-index is only 100.

Read more detailed content: http://www.w3.org/TR/CSS21/visuren.html # z-index

相关文章
  • javascript regular expression [Z] 2010-10-16

    JS regular expressions / / Check whether all the numbers function isDigit (s) { var patrn = / ^ [0-9] {1,20} $ /; if (! patrn.exec (s)) return false return true } / / Check login name: Enter only 5-20 with a letter, can be a string with digital ,"_&q

  • VB's WINSOCK property 2010-03-28

    Winsock control is not visible to users, it provides access to TCP and UDP network services to facilitate access. Microsoft Access, Visual Basic, Visual C + + or Visual FoxPro developers can use it. For the preparation of client or server application

  • JavaScript对象的property属性详解 2013-12-29

    这篇文章主要介绍了JavaScript对象的property属性,详细讲解了property的各种属性,需要的朋友可以参考下 JavaScript中对象的property有三个属性: 1.writable.该property是否可写. 2.enumerable.当使用for/in语句时,该property是否会被枚举. 3.configurable.该property的属性是否可以修改,property是否可以删除. 在ECMAScript 3标准中,上面三个属性的值均为true且不可改:新建对

  • Detailed JS regular expressions 2009-02-27

    Opening, or have to talk about ^ and $ that they are separately used to match the beginning and end of the string, the following examples to illustrate separately "^ The": there must be at the beginning of "The" string; "of despai

  • seam hibernate search the full demo 2009-10-30

    seam and hibernate search to achieve the perfect integration, if you own seam debug some of you demo. Will have tasted the sweetness of the seam, you have to fall in love with this thing. Which in the seam for full-text search database is a very easy

  • [Reprint] regular expression 2010-07-27

    Reprint address http://www.javaeye.com/topic/719950 Regular Expressions / / Check if all the numbers function isDigit (s) ( var patrn = / ^ [0-9] (1,20) $ /; if (! patrn.exec (s)) return false return true ) / / Check login name: Enter only 5-20 month

  • Regular Expression Object 2010-08-16

    This object contains the regular expression patterns and show how to apply the model sign. Syntax 1 re = / pattern / [flags] Syntax 2 re = new RegExp ("pattern", ["flags"]) Parameter re Required. Will be assigned to a regular expressio

  • JS regular expression (to) 2010-10-23

    JS Regular expression // Check whether all the numbers function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } // Check login : Enter only 5-20 with a letter . A string can be with digital ."_".".&quo

  • Regular Expression Reference 2010-11-08

    / / Check whether all the numbers function isDigit (s) { var patrn = / ^ [0-9] {1,20} $ /; if (! patrn.exec (s)) return false return true } / / Check login name: Enter only 5-20 with a letter, can be a string with digital ,"_","." Java

  • VML drawing many curves 2011-01-11

    <HTML Xmlns:v="urn:schemas-microsoft-com:vml"xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> </ titl

  • JS and VML drawing graphs 2011-01-11

    <HTML Xmlns:v="urn:schemas-microsoft-com:vml"xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> curve <

  • Web Development ABC: beginner must know the concepts and techniques 26 2011-05-12

    Web Development ABC: beginner must know the concepts and techniques 26 A --- AJAX AJAX is Asynchronous JavaScript and XML, meaning it is smooth in recent years you use the Web for all the main driving force behind the application. AJAX as a technolog

  • JS regular expression (reproduced) under good learning 2011-04-29

    / / Check whether all the numbers function isDigit (s) { var patrn = / ^ [0-9] {1,20} $ /; if (! patrn.exec (s)) return false return true } / / Check login name: Enter only 5-20 with a letter, can be a string with digital ,"_","." func

  • Hibernate Search, Lucene 2009-04-06

    First of all, we need to be added to the configuration in the persistence.xml as follows: <! - Use a file system based index -> <property name="hibernate.search.default.directory_provider" value="org.hibernate.search.store.FSDirect

  • javascript html js many custom class linkage floating menu, js produced menu 2009-05-03

    Procedures for Principle (recommended reading by reference to the code): Procedures are based on traditional floating menu to expand from here, let me talk about some more crucial or useful places: 【Function】 Delay A lot of people understand this is

  • Hibernate Search, Lucene and JBoss Seam 2010-03-29

    First, we need to add the relevant configuration in persistence.xml as follows: <!-- use a file system based index --> <property name="hibernate.search.default.directory_provider" value="org.hibernate.search.store.FSDirectoryProvid

  • Hibernate Search annotations example 2010-03-29

    pojo Object News import java.util.Date; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.GenerationType; import javax.persistence.Id; import javax.persistence.Table; import org.hibernate.search.annota

  • position and z-index end 2009-08-22

    <!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> <meta http-equiv="content-type" c

  • The first use of compass, full text search 2010-03-31

    As a class project information, together with the structure of the project was re-deployment (based on the Annotation spring 2.5 MVC + hibernate), so it plans to compass also add to the mix, to be a simple text search. Unfortunately, that time is rat

  • SWFUpload v2 documentation (copy to hmtl file view more convenient) 2010-03-05

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content