前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript当中relative或absolute用法

javascript当中relative或absolute用法

作者头像
马克java社区
修改2020-11-30 11:24:01
5420
修改2020-11-30 11:24:01
举报
文章被收录于专栏:java大数据

    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 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档