网站怎么做才有收录,可做百度百科参考资料的网站,网站的登录注册页面怎么做的,网站开发维护岗位职责https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注#xff01; 欢迎关注微信公众号#xff1a;宝藏女孩的成长日记 如有转载#xff0c;请注明出处#xff08;如不注明#xff0c;盗者必究#xff09; 总之就是一句话#xff1a;拥有更高堆叠顺序的元素总是会… https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注 欢迎关注微信公众号宝藏女孩的成长日记 如有转载请注明出处如不注明盗者必究 总之就是一句话拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
!DOCTYPE html
htmlheadmeta charsetUTF-8title/titlestyle typetext/css#father{position: relative;}#box1{color: red;font-weight: 900;}.spouse{position: absolute;width: 300px;height: 300px;left: 0px;top: 0px;background-color: antiquewhite;z-index: -1;}.kunling{width: 200px;height: 200px;position: absolute;left: 200px;top: 200px;z-index: 0;}/style/headbodydiv idfatherdiv idbox1img srcimg\spouse.jpg classspouse我本该在上面/div/divdiv idbox2img srcimg\kunling.jpg classkunling /div/body
/html
运行结果 由上图可知按照顺序大的那张图片应该显示在小的那张图片的上方但是它由于z-index为负数小于小的那张图片的z-index因此就显示在了index的下方。
注创作不易转载请注明出处 https://blog.csdn.net/hanhanwanghaha一个超级无敌可爱的人欢迎你的关注 有问题可在CSDN上私信我期待与你的一起学习
