IE里面打印HTML页面时的分页控制

最新推荐文章于 2024-04-03 01:29:13 发布

前端学习线路

最新推荐文章于 2024-04-03 01:29:13 发布

阅读量1.2k

点赞数

分类专栏：前端学习线路文章标签： html html5 css

本文链接：https://blog.csdn.net/webxuexi168/article/details/104433819

版权

本文探讨了HTML元素显示优先级的问题，特别是表单元素如何覆盖样式元素，特别是在IE浏览器中。解决方案涉及CSS的z-index属性和JavaScript脚本动态隐藏有窗口元素的方法。文章通过实例展示了如何避免表单元素如SELECT覆盖其他样式元素。

摘要由CSDN通过智能技术生成

在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题，图一就是一个典型的例子。不要小看这个貌似“低级”的问题，即使一些规模较大的网站上类似的问题也绝不鲜见。本文探讨了造成这一问题的根本原因，并提出一种补救办法——之所以说补救办法而不是一劳永逸的解决办法，是因为微软和NetScape这两个巨头也还没有对策。

　　一、HTML元素的显示优先级

　　HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框（SELECT），文本输入框（INPUT type=text），密码输入框（INPUT type=password），单选输入框（INPUT type=radio），复选输入框（INPUT type=checkbox），等等。常见的非表单元素包括：链接标记（A），DIV标记，SPAN标记，TABLE标记，等等。表单元素覆盖样式元素的根本原因在于HTML元素默认的显示优先级规则，例如：帧元素总是比其他HTML元素优先，因此也总是显示在最前面；表单元素总是比所有非表单元素优先。

　　所有这些HTML元素又可以根据其显示要求分成两类，即有窗口的HTML元素（Windowed Element），无窗口的HTML元素（Windowless Element&#