2)垂直方向也是完美兼容。3)但想要垂直和水平兼容, 必须把两个浏览器的窗口调成一模一样, 甚至左右上下的滚动条(注意ie比火狐多一个滚动条, 得把他刨除在外)。4)火狐有个查看/缩放/重置, 一定注意这个缩放要放成重置, 因为它也会影响两个浏览器看上去的兼容性。 </div> </body> </html> 例 1.4.2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <head> <meta charset="UTF-8"> <title>z-index越大,越在前面</title> <style type="text/css"> .wai{position:absolute;top:60px;left:60px;width:240px;height:240px;z-index:1;border: 1px solid #00ff00;} .r, .a{width:60px;height:60px;text-align:center;color:#FFF;} .r{position:relative;background-color:green;top:60px;left:60px;z-index:10;} .a{position:absolute;background-color:red;top:0px;left:0px;z-index:14;} </style> </head> <body> <div class="wai">aaa马克-to-win <div class="r">regre</div> <div class="a">abred</div> </div> </body> </html> 参考本章relativeAbsolute网上例子参考.html
更多请看下节:https://blog.csdn.net/qq_44594371/article/details/103064008
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。