IE怎么可能会为了CSS样式而改变

最新推荐文章于 2022-11-16 14:42:09 发布
最新推荐文章于 2022-11-16 14:42:09 发布
阅读量43 收藏
点赞数
原文链接：http://www.cnblogs.com/shhxpump/p/3510333.html
版权

if IE这样的判断语句其实并非只适合引入相应的CSS或js，也可以用在HTML中引入相关的HTML内容，但是在实际应用的时候，大多的应用场合是用来引入相应的CSS或js的。我们在这篇文章里以引入相应的CSS为实例。

对于if IE判断语句本身，其结构是：

  1. <!--[if 条件]> 符合条件的结果<br> <![endif]-->  

然后是条件所需的几个保留字符：

!：非；

lt:其实就是<，小于号；

gt:其实就是>，大于号；

e:等于，必须跟在lt或gt之后使用，构成小于等于或者大于等于；

下面是if IE的判断语句的应用实例和释义,重点是几个

  1. <!--[if !IE]> 除IE外都可识别<br>  <!--<![endif]-->  
  2.   
  3. <!--[if IE]> 所有的IE可识别 <br> <![endif]-->  
  4.   
  5. <!--[if IE 8]> 仅IE8可识别 <br> <![endif]-->  
  6.   
  7. <!--[if lt IE 9]> IE9以下版本可识别 <br> <![endif]-->  
  8.   
  9. <!--[if gt IE 6]> IE6以上版本可识别<br> <![endif]-->  
  10.   
  11. <!--[if lte IE 8]> IE8及以下版本可识别 <br> <![endif]-->  
  12.   
  13. <!--[if gte IE 6]> IE6以及IE6以上版本可识别<br> <![endif]-->  
  14.   
  15. <!--[if (gt IE 6)&(lte IE 9)]> IE7/IE8/IE9版本可识别<br> <![endif]-->  
  16.   
  17. <!--[if (IE 7)|(IE 8)]> IE7或IE8版本可识别<br> <![endif]-->  

 

写在HTML的body测试：

  1. <!doctype html>  
  2. <html lang="zh_CN">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>'if IE' test Document by Suoling.net</title>  
  6. </head>  
  7. <body>  
  8. <!--[if !IE]> 除IE外都可识别<br>  <!--<![endif]-->  
  9.   
  10. <!--[if IE]> 所有的IE可识别 <br> <![endif]-->  
  11.   
  12. <!--[if IE 8]> 仅IE8可识别 <br> <![endif]-->  
  13.   
  14. <!--[if lt IE 9]> IE9以下版本可识别 <br> <![endif]-->  
  15.   
  16. <!--[if gt IE 6]> IE6以上版本可识别<br> <![endif]-->  
  17.   
  18. <!--[if lte IE 8]> IE8及以下版本可识别 <br> <![endif]-->  
  19.   
  20. <!--[if gte IE 6]> IE6以及IE6以上版本可识别<br> <![endif]-->  
  21.   
  22. <!--[if (gt IE 6)&(lte IE 9)]> IE7/IE8/IE9版本可识别<br> <![endif]-->  
  23.   
  24. <!--[if (IE 7)|(IE 8)]> IE7或IE8版本可识别<br> <![endif]-->  
  25.   
  26. </body>  
  27. </html>  

 

 

用IE8打开，会看到：

  1. 所有的IE可识别    
  2. 仅IE8可识别    
  3. IE9以下版本可识别    
  4. IE6以上版本可识别   
  5. IE8及以下版本可识别    
  6. IE6以及IE6以上版本可识别   
  7. IE7/IE8/IE9版本可识别   
  8. IE7或IE8版本可识别   

 

应用举例：

对于非IE的浏览器：

  1. <!--[if !IE]><!-->  
  2. <link type="text/css" rel="stylesheet" href="/stylesheets/no-ie.css" />  
  3. <!--<![endif]-->  

 

对于全部IE浏览器：

  1. <!--[if !IE]><!-->  
  2.  <link type="text/css" rel="stylesheet" href="/stylesheets/for-ie.css" />  
  3.     <!--<![endif]-->  

对于IE8浏览器：

  1. <!--[if !IE 8]><!-->  
  2.  <link type="text/css" rel="stylesheet" href="/stylesheets/for-ie8.css" />  
  3.     <!--<![endif]-->  

 

你可以根据自己的实际需求，用if IE引入自己的css或js了，当然，HTML内容也是可以的，比如，当IE浏览器版本过低的时候！

转载于:https://www.cnblogs.com/shhxpump/p/3510333.html

weixin_30362233
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js函数改变html样式,JavaScript改变CSS样式的方法汇总
weixin_28910825的博客
06-26 1295
JavaScript允许你即时的改变CSS样式，这样就可以将用户的眼球吸引到你想他们关注的地方上，并且提供较好的交互体验给力 。JavaScript修改CSS有4种方法：修改节点style(内联样式)；改变节点class或id；写入新的css；替换页面中的样式表。个人不建议使用后两种方法，几乎所有的功能都可以通过前两种方式实现，并且代码更加清晰、易理解。后面还会说说如何获取元素的真实样式和一个表单...
IE6与CSS样式兼容问题汇总
12-13
3、IE6背景闪烁 如果给链接、按钮用CSS sprites作为背景，可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存，每次触发hover的时候都会重新加载，可以用JavaScript设置IE6缓存这些...
IE8 css加载不完整
weixin_34226706的博客
03-15 224
2019独角兽企业重金招聘Python工程师标准>>> ...
如何设置ie浏览器css,IE浏览器如何实时编辑CSS样式？IE浏览器实时编辑CSS样式的方法...
weixin_35987118的博客
08-03 754
ie浏览器是一个非常基础的搜索软件，在用户不知道使用什么浏览器的时候可以选择这款搜索软件，功能和搜索内容都是非常简洁的，用户随时都可以放心使用，用户还可以使用浏览器随时便捷，满足自己的搜索需求，这款软件在使用IE浏览器的时候，如果想要实时便捷CSS样式要如何操作呢？有很多用户在使用的时候不知道要如何编辑和操作，那么就让我们一起来看看这款软件到底要如何使用吧！IE浏览器如何实时编辑CSS样式？IE浏...
css针对IE单独设置样式
Zxiuping的博客
08-02 4931
在css单独针对ie设置样式，距离如下代码 [if IE]> <style scoped lang="scss"> .user-name { line-height: 0; } .login-out { height: 100%; } </style> <![endif] 上面显示的是针对所有版本的ie，如果想单独对某ie版本进行改变...
css改变滚动条样式兼容火狐_jq完美解决css滚动条样式IE火狐不兼容问题
weixin_39617702的博客
12-20 729
上次关于css滚动条样式的文章《美化css滚动条样式，就这么简单》，不够完美不兼容IE、火狐浏览器，但今天这篇文章可以完美解决这个问题，用到了jquery插件jquery.mCustomScrollbar，还是挺好用的，样式主题多够我们用了，也可以自定义样式。1.使用方法：1)先引入jquery插件jquery.mCustomScrollbar样式和它的js以及jquery2)以盒子box为例加上...
使用CSS改变元素样式的三种方式
m0_46527751的博客
11-12 3931
CSS学习 网页的三个部分： 结构（html） 表现（CSS） 行为（JavaScript） 使用CSS改变元素样式的三种方式 第一种方式（内联样式，行内样式） 在标签内部通过style属性设置元素样式，开发时不要使用内联样式 <body> <p style="color: red; font-size: 50px;">少小离家老大回</p> </body> 效果： 第二种方式（内部样式表） 将样式编写到head中的style标签里，然后
CSS设置滚动条样式（兼容IE）
热门推荐
Rey
05-18 8万+
废话不多说，直接上demo，最下面有详细注释。 1、这是在webkit浏览器下显示的样式。 （个人比较喜欢简约点的） 2、在IE浏览器下显示的样式（为了区分所以样式写的不一样，我没找到IE下设置滚动条宽高的方法） 下面是代码： Lorem ipsum dolor sit amet, consectet
HBuilder里面用ie打开页面没有css样式的问题
张兴华的博客
01-29 4638
HBuilder里面打开页面用ie会没有css样式，当地址包含中文字的时候，经本人测试，发现当地址：http://127.0.0.1:8020/租赁系统/订单.html 无法应用css样式。 解决办法1：应该将html的文件名改为英文。 http://127.0.0.1:8020/%E5%AE%98%E7%BD%91%E4%BA%A4%E8%A1%8C/%E6%A0%B8%E5%AF%B9%E
css input改变placeholder颜色样式
weixin_43915401的博客
11-16 3467
没用过，遇到的项目，用户都是用新版浏览器的。
CSS 字体文本样式
xiangxiongfly
05-17 1万+
W3C（Web标准制定者）对vertical-align属性的定义是极其复杂的，其中有一项是“vertical-align属性定义周围的行内元素或文本相对于该元素的垂直方式”。可以设置h1元素的长宽与LOGO图片的长宽一样，然后定义h1的背景图片（background-image）为LOGO图片。vertical-align属性对inline元素、inline-block元素、table-cell有效，对block元素无效。x-offset参数：阴影水平偏移距离，单位可以是px、em、百分比。
Javascript改变CSS样式(局部和全局)
12-12
- 全局样式改变时，由于浏览器缓存的存在，可能需要强制刷新页面以查看变化。在开发过程中，可以禁用浏览器缓存或者使用版本号来避免这个问题。 在实际开发中，理解如何使用JavaScript动态地改变CSS样式对于创建...
CSS样式在IE6下无效的问题解决方法
12-04
问题症状： 1、<link href="css.css" rel="stylesheet" type="text/css" />...可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！我估计是 IE6
原生JS实现获取及修改CSS样式的方法
10-18
本文将详细讲解如何使用原生JS来获取和修改CSS样式，包括行内样式、内部样式以及外部样式，同时也会涉及浏览器兼容性问题。 一、行内样式获取 行内样式是直接在HTML元素的`style`属性中定义的样式。例如： ```html ...
传感器驱动+imx296驱动+Linux驱动
08-10
传感器驱动+imx296驱动+Linux驱动
ASP校园论坛的设计与实现(源代码+论文).rar
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
Unity课程设计报告书PDF
最新发布
08-10
1.技术需求: 此游戏是在Unity5.3.3上开发出来的，Unity5.3.3可以支持2D、3D场景 的编辑，本游戏是基于3D场景开发的。游戏中的脚本语言使用的是C#, Unity5.3.3中的Monodevelop为脚本编辑提供了平台。 2.功能需求: Flappy Bird 是一款益智类的小游戏，其玩法为:游戏开始后，玩家需间歇 性的点击鼠标，让小鸟向上飞，不会掉下来，并且要穿过随机出现的管道的间隙， 不能碰到管道，碰到就游戏结束，穿过一个管道就可以得到一分。其制作包括对 以下六大功能的需求: (1)当开始游戏后，玩家需要单击指定位置才能开始游戏，否则无法开始: (2)需要通过点击屏幕来控制小鸟的位置，完成使小鸟上下移动的功能: (3)需要对小鸟是否碰到地面或者管道进行判断，从而决定游戏是否结束: (4)需要设置触发器以实现场景的延续，当小鸟碰到触发器，场景中的第一幅 背景便挪到最后一幅的后面，从而实现视觉上场景不断出现的效果: (5)需要对玩家进行记分，并对最高分进行判断和存储: (6)在失败后，需要使玩家通过点击按钮重新开始游戏。
毕业设计，基于ASP+ACCESS开发的民航售票管理系统，内含完整源代码，数据库，毕业论文
08-10
毕业设计，基于ASP+ACCESS开发的民航售票管理系统，内含完整源代码，数据库，毕业论文 随着计算机及网络技术的飞速发展，Internet/Intranet应用在全球范围内日益普及，当今社会正快速向信息化社会前进，信息自动化的作用也越来越大。 从而使我们从繁杂的事务中解放出来，提高了我们的工作效率。 本论文主要阐述一个功能比较强大的企业网站系统的后台操作过程及一些关键技术。该系统信息来源主要由用户直接添加，通过管理员审核后,在网站上发布出来,以供大家查询相关公司信息。本系统主要让社会各界能更好的了解本本企业，欢迎对本企业的发展提出更多宝贵留言。该企业网站系统是前台应用Dreamweaver MX、FireworksMX、Flash MX等软件，后台结合ASP编程技术和Access数据库技术开发出来的。 关键词：用户管理；信息发布；ASP；企业网站
Kubernetes指南+Kubernetes安装全流程，让你彻底学会Kubernetes
08-10
Kubernetes指南+Kubernetes安装全流程，让你彻底学会Kubernetes
理解CSS层叠样式表：定义、使用与优势
CSS样式的优先级根据来源和重要性决定，行内样式（`style`属性）> 内部样式表（`<style>`标签）> 外部样式表。此外，`!important`关键字可以强制提高某个样式的优先级。 6. **CSS属性详解** CSS属性包括但不限于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值