css设置z-index 失效的解决方法

2024-07-11 08:38:12

字体：大中小

来源：转载

供稿：网友

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /><html xmlns=”http://www.w3.org/1999/xhtml”><br /><head runat=”server”><br /> <title>Untitled Page</title><br /> <style type=”text/css”><br />#king_of_diamonds {<br /> position: relative;<br /> background-color:gray;<br /> width:30px; height:30px;<br /> left: 145px;<br /> top: 145px;<br />}<br />#ace_of_diamonds {<br /> position:relative;<br /> background-color:blue;<br /> width:300px; height:300px;<br /> left: 160px;<br /> top: 130px;<br /> z-index: 1;<br />}</p><p> </style><br /></head><br /><body><br /> <form id=”form1″ runat=”server”><br /> <div id=”king_of_diamonds”><br /> a<br /> </div><br /> <div id=”ace_of_diamonds”><br /> b<br /> </div><br /> </form><br /></body><br /></html><br />
提示：您可以先修改部分代码再运行

上一篇：CSS 自动定位的应用

下一篇：css 解决英文字符与阿位伯数字自动换行