Community Learn Tools Library Leisure

English

Programming Dictionary

Online technical manual for service programmers

Popular searches：
PHP
MySQL
jquery
HTML
CSS

CSS Related dictionaries

keyframes Translation example syntax

animation Translation example syntax

animation-name Translation example syntax

animation-duration Translation example syntax

animation-timing-function Translation example syntax

animation-delay Translation example syntax

animation-iteration-count Translation example syntax

animation-direction Translation example syntax

animation-play-state Translation example syntax

animation-fill-mode Translation example syntax

background Translation example syntax

background-attachment Translation example syntax

background-color Translation example syntax

background-image Translation example syntax

background-position Translation example syntax

resize Translation example syntax

background-repeat Translation example syntax

background-clip Translation example syntax

outline-offset Translation example syntax

background-origin Translation example syntax

background-size Translation example syntax

nav-up Translation example syntax

border Translation example syntax

nav-right Translation example syntax

nav-left Translation example syntax

nav-index Translation example syntax

border-bottom Translation example syntax

nav-down Translation example syntax

icon Translation example syntax

box-sizing Translation example syntax

appearance Translation example syntax

transition-delay Translation example syntax

transition-timing-function Translation example syntax

transition-duration Translation example syntax

transition-property Translation example syntax

transition Translation example syntax

backface-visibility Translation example syntax

border-bottom-color Translation example syntax

border-bottom-style Translation example syntax

perspective-origin Translation example syntax

border-bottom-width Translation example syntax

perspective Translation example syntax

border-color Translation example syntax

transform-style Translation example syntax

border-left Translation example syntax

border-left-color Translation example syntax

transform-origin Translation example syntax

border-left-style Translation example syntax

border-left-width Translation example syntax

transform Translation example syntax

border-right Translation example syntax

border-right-color Translation example syntax

word-wrap Translation example syntax

border-right-style Translation example syntax

word-break Translation example syntax

border-right-width Translation example syntax

text-wrap Translation example syntax

border-style Translation example syntax

text-shadow Translation example syntax

border-top Translation example syntax

border-top-color Translation example syntax

border-top-style Translation example syntax

text-overflow Translation example syntax

border-top-width Translation example syntax

text-outline Translation example syntax

border-width Translation example syntax

text-justify Translation example syntax

outline Translation example syntax

outline-color Translation example syntax

text-emphasis Translation example syntax

outline-style Translation example syntax

punctuation-trim Translation example syntax

outline-width Translation example syntax

hanging-punctuation Translation example syntax

border-bottom-left-radius Translation example syntax

word-spacing Translation example syntax

border-bottom-right-radius Translation example syntax

white-space Translation example syntax

border-image Translation example syntax

border-image-outset Translation example syntax

unicode-bidi Translation example syntax

border-image-repeat Translation example syntax

border-image-slice Translation example syntax

border-image-source Translation example syntax

text-transform Translation example syntax

border-image-width Translation example syntax

border-radius Translation example syntax

text-indent Translation example syntax

border-top-left-radius Translation example syntax

text-decoration Translation example syntax

border-top-right-radius Translation example syntax

box-shadow Translation example syntax

text-align Translation example syntax

line-height Translation example syntax

letter-spacing Translation example syntax

direction Translation example syntax

overflow-x Translation example syntax

overflow-y Translation example syntax

color Translation example syntax

overflow-style Translation example syntax

css z-index property

Chinese translationRecent Updates：2018-05-09 16:56:20

index

UK[ˈɪndeks] US[ˈɪnˌdɛks]

n.index;<number>index;indication;sign

vt.Index...;Index...;[Economics] Adjust according to living index (wages, prices, etc.)

vi.[Mechanics]Transposition

css z-index property Video explanation

css z-index property syntax

Function: z-index attribute sets the stacking order of elements. Elements with a higher stacking order will always appear in front of elements with a lower stacking order.

Description: This property sets the position of a positioned element along the z-axis, which is defined as the axis extending vertically to the display area. If it is a positive number, it is closer to the user, and if it is a negative number, it is further away from the user.

Note: All major browsers support the z-index attribute. The attribute value "inherit" is not supported in any version of Internet Explorer (including IE8). Elements can have negative z-index attribute values. Z-index only works on positioned elements (e.g. position:absolute;)!

css z-index property example

<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

submit