`
webcode
  • 浏览: 6042443 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

Portal项目中的Hack

 
阅读更多
hack :是解决页面浏览器不兼容的技巧方法。

IE和Firefox的display兼容性问题解决

正确兼容IE和Firefox的写法应该是这样的:

document.getElementById("test").style.display="block";//IE
document.getElementById("test").style.display="table-row";//FF

完整写法是:
document.getElementById("test").style.display=document.all?"block":"table-row";

另外还有个注意的问题【兼容IE和Firefox的写法】:

document.getElementById("test").style.display="";//显示

document.getElementById("test").style.display="none";//隐藏

HTML兼容性

所有浏览器 通用
height: 100px;
IE6 专用
_height: 100px;
IE6 专用
*height: 100px;
IE7 专用
*+height: 100px;
IE7、FF 共用
height: 100px !important;

CSS 兼容

以下两种方法几乎能解决现今所有兼容.
1, !important (不是很推荐,用下面的一种感觉最安全)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
代码:
<style>
#wrapper {
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
2, IE6/IE77对FireFox <from 针对firefox ie6 ie7的css样式>
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.
代码:
<style>
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
</style>
注意:
*+html 对IE7的兼容 必须保证HTML顶部有如下声明:
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


分享到:
评论

相关推荐

    Camstar PortalStudio中文用户手册

    根据提供的文件信息,本文将详细说明“Camstar PortalStudio中文用户手册”中的知识点,内容将覆盖用户手册的核心部分,包括软件的基本介绍、用户界面功能、以及页面创建和管理等方面的详细指南。 首先,文档开头...

    前端项目-portal.zip

    【标题】"前端项目-portal.zip" 涉及的是一个基于Node.js开发的前端门户客户端项目。在现代Web开发中,前端项目是构建交互式用户界面的关键部分,它负责处理用户与应用程序之间的交互。Node.js,作为一个JavaScript...

    NC65portal开发文档.rar

    此外,文档还将提供版本控制和项目管理的最佳实践,以确保团队协作的效率和代码的质量。 在实际开发部分,文档将深入讨论页面布局、控件使用、表单设计以及数据操作等主题。开发者可以通过学习如何创建动态页面、...

    STEP_7_WinCC_TIA PORTAL V17_中文编程手册_使用指南(最新版).pdf

    随后,文档可能进入编辑项目和编辑项目数据的章节,这些部分会对如何在TIA Portal中创建、编辑和管理项目进行详细的指导。此外,手册还会介绍如何管理用户和角色,以及如何使用库来提升编程和工程配置的效率。 手册...

    Portal开发Portal开发

    在本文中,我们将深入探讨Portal开发涉及的多个方面,包括核心概念、关键技术、安装配置以及后期维护。 1、名词解释: - **p13n**:个性化(Personalization)的缩写,是Portal中的一个重要功能,允许用户根据自己...

    TIA Portal的硬件目录中无法找到S7-1500 CPU的固件版本时,如何下载项目数据?.txt

    TIA Portal的硬件目录中无法找到S7-1500 CPU的固件版本时,如何下载项目数据?

    西门子TIA Portal的V11的移植工具.pdf

    在TIA Portal的版本升级过程中,可能会出现需要将旧版本项目移植到新版本平台的需求,这时就涉及到西门子TIA Portal V11的移植工具的使用。该工具主要针对将TIA Portal V11之前的项目转换为V11版本可兼容的格式,...

    通过 TIA Portal 中的实时视频来监视工厂与设备

    本文将深入探讨如何利用TIA Portal中的实时视频功能来监视工厂与设备,以及其背后的原理、实施步骤与优势。 ### 实时视频监控的重要性 在工业环境中,尤其是在那些难以直接观察到的关键区域,如高风险区域、复杂...

    在TIA portal中连接第三方profinet IO 设备

    总结来说,集成第三方Profinet IO设备到TIA Portal项目中,需要遵循一系列的步骤,包括安装GSDML文件、添加硬件到项目、创建设备连接以及添加和配置IO模块。每个步骤都必须严格遵照Profinet和TIA Portal的具体要求来...

    F:\项目备份\portal

    F:\项目备份\portalF:\项目备份\portalF:\项目备份\portal

    TIA Portal V16 软件安装包

     Teamcenter网关让您保存和管理TIA Portal项目在Teamcenter。  3、TIA Portal Cloud Connector  允许客户通过工业私有云的形式,借助RDP协议接入远程PC的TIA管理器并可以连接现场硬件。  4、TIA User ...

    可拖拽布局组件easyui-portal

    在IT行业中,构建用户友好的界面是至关重要的,这正是`EasyUI-Portal`组件发挥作用的地方。`EasyUI-Portal`是一个基于JavaScript和CSS的...掌握并运用好`EasyUI-Portal`,可以帮助我们在IT项目中创造出更佳的用户体验。

    jquery-easyui-portal

    《jQuery EasyUI Portal:构建灵活丰富的用户界面》 在Web开发领域,jQuery EasyUI是一个广泛使用的前端框架,它基于...无论是小型项目还是大型企业应用,jQuery EasyUI Portal都能成为构建高效Web界面的强大工具。

    portal介绍,portal系统组成

    Portal在英文中的原意是“入口”,在IT领域特指一种网络认证模式——Portal认证,通常被称为Web认证。这种认证方式通过特定的门户网站来实现用户的身份验证。当用户尝试访问互联网时,如果没有预先通过认证,设备会...

    如何将早期 TIA Portal 版本创建的项目转换到TIA Portal V14或更高版本?.docx

    在TIA Portal V16中,可以直接从V13 SP1到V15.1的项目升级到V16版本。然而,如果项目是V14 SP1或V13 SP1之前的版本,你需要先在V13 SP1中编译并保存项目,然后再进行升级。这是为了避免在不同版本间直接升级时可能...

    Portal 开发详解

    - 在提供的“Portal6开发.pdf”电子书中,读者可以找到更详细的技术指南,涵盖Portal开发的各个方面,包括Portlet开发实战、Portal服务器配置、安全策略等。 7. **学习与实践** - 掌握Java和Web开发基础:Portal...

    IBM Websphere Portal Primer

    The dictionary defines a portal as a grand or imposing door or entrance; hence, that picture on the cover. In this book, you will learn why the word portal has become a major buzzword in the world of ...

    .net 开源项目 Portal Source PortalSource

    《.NET开源项目PortalSource深度解析》 在当今的软件开发领域,开源技术以其开放、透明和协作的优势,已经成为推动技术创新的重要力量。其中,.NET框架下的开源项目更是备受开发者青睐,它们为开发者提供了丰富的...

    portal教程.pdf

    从给定文件的部分内容中可以提炼出关于Java Web Portal技术、JSR 168 Portlet API以及AJAX UI管理等知识点,下面将详细介绍这些概念和它们之间的关系。 ### Java Web Portal技术 Java Web Portal是一种利用Java...

    如何完全卸载 STEP 7 (TIA Portal) 软件.doc

    然而,在卸载 STEP 7 (TIA Portal) 软件之前,需要备份项目、库和授权,以免数据丢失。 在卸载 STEP 7 (TIA Portal) 软件时,需要遵循以下步骤: 1. 在控制面板中打开“更改/删除程序”对话框,双击“Siemens ...

Global site tag (gtag.js) - Google Analytics