ie

条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]

人盡茶涼 提交于 2019-12-06 00:21:35
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6]> 仅IE6可识别 <![endif]--> <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--> <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--> <!--[if IE 7]> 仅IE7可识别 <![endif]--> <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]--> <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]--> <!--[if IE 8]> 仅IE8可识别 <![endif]--> <!--[if IE 9]> 仅IE9可识别 <![endif]--> 项目 范例 说明 ! [if !IE] The NOT operator. This is placed immediately in front of the feature , operator , or subexpression to reverse the Boolean meaning of the expression. NOT运算符。这是摆立即在前面的

IE8_一行代码测试IE7~IE6

三世轮回 提交于 2019-12-06 00:19:02
header标签 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 加<meta http-equiv="X-UA-Compatible" content="IE=7" />为 IE7模式 加 <meta http-equiv="X-UA-Compatible" content="IE=6" /> 为IE6模式 来源: oschina 链接: https://my.oschina.net/u/1425152/blog/224995

一些CSS浏览器兼容的处理心得

点点圈 提交于 2019-12-05 17:36:08
仅IE识别: margin-left:10px\9; 仅IE8识别: margin-left:10px\0; IE6/IE7识别: *margin-left:10px; 仅IE6识别: _margin-left:10px; 1、IE6、IE7都支持 *,但IE8终于回归正统,放弃了对*的支持 2、IE7、IE8、Firefox、Opera、Safari都支持 important 3、IE6支持下划线,IE7、IE8和Firefox、Opera、Safari均不支持下划线。 *+html 与 *html 是IE特有的标签, firefox暂不支持。而*+html又为IE7特有标签 注意:*+html 对IE7的HACK 必须保证HTML顶部有如下声明: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> !important 提升指定样式规则的应用优先权 background-color:yellow!important; 来源: oschina 链接: https://my.oschina.net/u/103999/blog/68208

[CSS]打败 IE 的葵花宝典:CSS Bug Table

流过昼夜 提交于 2019-12-05 17:35:32
打败 IE 的葵花宝典:CSS Bug Table标签:css, haslayout, IEFeatured, 资源共享 原文发表于:Alipay UED Blog – 打败 IE 的葵花宝典:CSS Bug Table 作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别是IE6。搞定了IE6,基本也就能称霸半个江山了。搞定了IE,也相当于占领了7、80%的领地。你想做一个统治页面兼容的主么?反正我是想的。 今天,趁着想完善公司的内部样式框架,把HasLayout.net的IE CSS Bug过了一遍。整理中收获了不少东西,一些官方的不足,也根据自己的知识升级了一下。当然,也顺利地升级了框架的一些 来源: oschina 链接: https://my.oschina.net/u/2650/blog/6550

CSS3/CSS之居中解析(水平+垂直居中、水平居中,垂直居中)

三世轮回 提交于 2019-12-05 17:19:31
首先,我们来看下垂直居中: (1)、如果是单行文本,则可以设置的line-height的数值,让其等于父级元素的高度! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .box{ background: green; height:200px; } a {height:100%; line-height: 200px; color:red; } </style> </head> <body> <div class="box"> <a href="">ggg </a> </div> </body> </html> (2)、如果元素是行内块级元素,一般会使用diaplay:inline-block,vertical-align:middle,还有一个伪元素让元素内容处于容器中央!给父元素添加伪元素! <!DOCTYPE html> <html lang="en"> <head> <meta

CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容

陌路散爱 提交于 2019-12-05 14:00:04
CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容 本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考。   CSS兼容常用技巧   请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。    1.div的垂直居中问题   vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行    2. margin加倍的问题   设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;   例如:   <#div id=”imfloat”>   相应的css为   #imfloat{   float:left;   margin:5px;   display:inline;}    3.浮动ie产生的双倍距离   #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}   这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始

CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容

别来无恙 提交于 2019-12-05 13:59:43
CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容 本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考。   CSS兼容常用技巧   请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。    1.div的垂直居中问题   vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行    2. margin加倍的问题   设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;   例如:   <#div id=”imfloat”>   相应的css为   #imfloat{   float:left;   margin:5px;   display:inline;}    3.浮动ie产生的双倍距离   #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}   这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始

在RichTextBox控件中添加超链接

天涯浪子 提交于 2019-12-05 09:48:31
实现功能:点击超链接自动打开相关网页 UI:链接文本提前输入 引用部分代码: using System.Diagnostics; using 功能执行代码: private void richTextBox1_LinkClicked(object sender, LinkClickedEventArgs e) { this.Text = e.LinkText;//获取被单击链接的文本 Process.Start("iexplore", e.LinkText);//利用IE浏览器打开 } TextBox1_LinkClicked 来源: https://www.cnblogs.com/Luck1996/p/11919793.html

reset.css文件下载及剖析

你离开我真会死。 提交于 2019-12-05 09:04:08
@charset "utf-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark,

day38 css

佐手、 提交于 2019-12-05 07:40:02
day38 css 内容回顾: 1.标签嵌套 行内标签, 块标签 行内标签不能嵌套块标签, 但不是绝对的 块标签可以嵌套块标签/行内标签 但是p标签:只可以嵌套字体,图片,表单,而且不能嵌套 2.table tr td 3.form: action methods(get|post) enctype input type text password submit: 与action相关 file: 与enctype相关,mothods一定是post请求 radio checkbox name value select option textarea rows clos lable for: 对应input里的id 4.python: input() print() 5.css 三种引入方式 行内样式> 内接样式, 外接样式 @import url() link link 基本选择器: 作用: 选中标签,设置属性 标签选择器 类名选择器 id选择器:未来与js有很大关联 通配符选择器 高级选择器: 组合选择器 今日内容 共性选择器, 和特性选择器的对比: '共性'简化代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #p1{ font-size: