AutoCAD
3DMAX
C语言
Pro/E
UG
JAVA编程
PHP编程
Maya动画
Matlab应用
Android
Photoshop
Word
Excel
flash
VB编程
VC编程
Coreldraw
SolidWorks
A Designer
Unity3D
AE教程
Delphi
C++
汇编语言
数据结构
软件工程
ASP编程
JSP
JavaScript
XML
SQL Server
ACCESS
MySQL
速读教程
IQ智商
记忆力
口才教程
学习方法
软件工程
ASP编程
JSP
JavaScript
XML
html游戏
ACCESS
MySQL
首页
>
css教程
css设置z-index 失效的解决方法
51自学网
http://www.wanshiok.com
css,z-index,失效
<!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 runat="server"> <title>Untitled Page</title> <style type="text/css">#king_of_diamonds { position: relative; background-color:gray; width:30px; height:30px; left: 145px; top: 145px;}#ace_of_diamonds { position:relative; background-color:blue; width:300px; height:300px; left: 160px; top: 130px; z-index: 1;} </style></head><body> <form id="form1" runat="server"> <div id="king_of_diamonds"> a </div> <div id="ace_of_diamonds"> b </div> </form></body></html>
提示:您可以先修改部分代码再运行
css,z-index,失效
CSS两列布局实现方式总结
网站设计之合理架构CSS
CSS的三列式"圣杯布局"方案完全解析
CSS Web安全字体组合详解
css水平居中的各种方法总结(推荐)
CSS使用BFC规则布局引发外层div包裹内层div的处理方法
CSS在固定宽高的div内实现垂直居中的实例详解
浅谈CSS中的clear清除浮动
浅析css3中matrix函数的使用
使用CSS3中的calc()属性来以算式表达尺寸数值
上一篇:
Div+Css实现屏蔽效果
下一篇:
CSS 浏览器专用
分享到:
QQ空间
新浪微博
腾讯微博
人人网
网易微博
CAD教程
教师招聘
招聘信息
51自学网 我要自学网视频教程,视频下载 自学网 自学编程网 CAD自学网 PS自学网 www.wanshiok.com
网站地图