您现在的位置是:网站首页> 编程资料编程资料
ie兼容性测试不用IE Test依然可以办到浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)
2021-09-07
951人已围观
简介 IE6~8是现在浏览器的主流同时IE并不是完全执行W3C标准因此在编程的时候往往遇到只兼容某一种浏览器,这可不是我们想要的结果,接下来为您介绍下不用IE Test依然可以测试ie兼容性的工具,感兴趣的你可以参考系下
我们知道IE6~8是现在浏览器的主流。但是由IE6开始,我们已经知道IE并不是完全执行W3C标准。我们在编程的时候往往遇到只兼容某一种浏览器。
我们以前经常使用IE Test进行IE的兼容性测试。但是随着Microsoft Expression 最新版本的发布。微软也推出了属于自己的IE Test。【Microsoft Expression Web 3 SuperPreview】
Microsoft Expression Web是微软为了继承fontpage而推出的网页制作软件。主要负责对网页美工进行开发。而Microsoft Expression Web 3 SuperPreview 则是对3款主流浏览器的一个最好测试。
Microsoft Expression Web 3 SuperPreview 的进入界面
我们可以点击IE6与IE8。分别点击左边和右边。然后我们就会看到如下视图。
点选箭头所指的位置,则是可以对比2个视图。。
点击覆盖布局,我们可以将IE6和IE8 2个覆盖起来。我们就可以看到2个不同的浏览器,其实还是有微少的差别。
当我们在垂直拆分视图中,可以看到2个版本的实际距离。并且告诉你CSS的解释不同之处,令你可以尽快修正这些CSS错误。但我们必须就是用 CSS Hacker了。
我们再看看Bowos网站的浏览器兼容情况。
在顶部是完全一致的。在下面的文章有些微的出入。偏差在可接受范围之内。
主要原因是因为LI标记的CSS导致。我们可以快速通过选择工具可以查看到。
相关内容
- css浮动中避免包含元素高度为0的4种解决方法解决子容器全部浮动时父容器高度不能自动撑开的方法纯CSS无hacks的跨游览器自适应高度多列布局 推荐在DIV容器中使用浮动元素的方法CSS教程:div设置float后高度不自动增加-CSS教程-网页制作-网页教学网CSS 清除浮动元素方法 整理浮动层自动适应高度的解决方法Css浮动元素外层容器高度为0(无高度)的解决方法
- 背景半透明效果CSS链接样式代码纯CSS实现背景半透明文字不透明效果兼容IE6css 背景半透明最佳实践css实现背景半透明文字不透明的效果示例
- css3气泡 css3关键帧动画创建的动态通知气泡CSS3中的@keyframes关键帧动画的选择器绑定详解CSS动画属性关键帧keyframes全解析
- css伪类伪元素域高级选择器的介绍详解如何使用CSS3中的结构伪类选择器和伪元素选择器解析CSS中的伪元素及其与伪类的区别详解CSS中的伪类与伪元素及二者间的区别浅谈CSS伪类与伪元素CSS伪类和伪元素的区别详解css3 伪元素和伪类选择器详解CSS伪类/伪元素选择器整理CSS伪类与CSS伪元素的区别及由来具体说明浅谈CSS 伪元素&伪类的妙用
- 什么是@font-face及font-face如何在css中使用深入理解CSS @font-face性能优化CSS3 @font-face属性使用指南CSS3用@font-face实现自定义英文字体CSS @font-face属性实现在网页中嵌入任意字体css常用样式font设置字体的多种变换(实例详解)css中引入指定字体@font-face兼容各浏览器的问题
- Firefox按钮和锚标签上的虚线轮廓删除方法去除在FireFox中点击链接时,出现虚线边框的解决办法去掉a标签和按钮加背景图片虚线/阴影完美解决方案去掉a标签超链接的虚线框的方法css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器隐藏超链接,按钮按下时的虚线方法使用CSS清除按钮和超链接点击时产生的虚线 DIV+CSS实例虚线边框|CSS虚线下划线及虚线用应去掉点击链接时出现的虚线框的几个方法css 网页虚线制作方法剖析纯CSS搞定按钮、链接点击时的虚线
- 用纯css3和html制作泡沫对话框实现代码CSS3软件卸载对话框代码 根据是否卸载出现不同表情CSS实现对话框小尾巴功能纯CSS实现气泡对话框尖角处理方案纯CSS代码实现各类气球泡泡对话框效果css 实现小尖角聊天对话框带尖角的说话泡泡效果
- 设计一个带选择和提示功能的检索框(分步介绍)设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
- css控制文字前的小图标具体写法css图标与文字对齐的两种实现方法Html+css实现纯文字和带图标的按钮纯CSS实现取字符串的第一个字符实现文字图标功能
- a和span组合定义按钮样式实例分享设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法