linkedu视频
平面设计
电脑入门
操作系统
办公应用
电脑硬件
动画设计
3D设计
网页设计
CAD设计
影音处理
数据库
程序设计
认证考试
信息管理
信息安全
网页制作
数据库
程序设计
操作系统
CMS教程
游戏攻略
脚本语言
平面设计
软件教程
网络安全
电脑知识
服务器
视频教程
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
您的位置:
主页
>
网页设计
> 浏览器兼容
浏览器兼容
网页兼容性或网站兼容性问题,网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示。
css padding属性兼容ie6,ie8,firefox实例详解
本文章简单的介绍一下关于padding兼容ie6,ie8,firefox的做法,因为不同浏览器对padding理解不一样,所以在浏览时会有点差别。padding简写属性在一个声明中设置所有内边距属性。
ie6不支持hover ie6 标签(除a标签)不支持伪类:hover解决方案
引用:csshover.htc文件复制代码代码如下:styletype=text/cssbody{behavior:url(style/csshover.htc);}/styl
SELECT在浏览器中相关Bug整理
IE6下的select的z-index始终高于其他元素,即无法被其他元素覆盖住。解决方法:JQueryUI的做法是在IE6下当触发弹出层时,将想覆盖住的select隐藏在IE7及以下虽然disable
csshover.htc在IE7下使用:active伪类无效解决方法
csshover相信做前端开发都知道,IE6、IE7都不支持:active伪类,IE6更甚,连:hover伪类都不支持。为了解决这个问题,一般都会引入一个csshover.htc文件来解决。目前该文件
input 按钮在IE下显现不一致的兼容问题
这段时间在处理网页默认的input按钮时,IE下常显现不一致的宽度问题,让人感到很纠结。所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相
浏览器兼容之旅第一站:如何在页面中创建IE条件注释
IE对于大家来说一定很熟悉了,作为一名Web前端开发人员或者是说前端攻程师来说,浏览器的兼容问题一定处理过不少了,特别是IE6的兼容问题,如果你的用户是针对中国市场来说,IE6下的效果是必须得处理了,
浏览器兼容之旅第二站:各浏览器的Hack写法让浏览器达到一致的渲染效果
前面一节《浏览器兼容之旅的第一站:如何创建条件样式》和大家一起探讨了如何创建条件样式,了解和学习了创建IE条件样式的方法以及他们所起的作用,特别是知道了条件注释所起的作用。那么这一节将和大家一起学习:
浏览器兼容之旅第三站:IE常见Bug总结及修复方法—part1
InternetExplorer——前端攻城师的的恶梦,十个有九个前端人员都认为他为祸人间不浅,本应早点灭掉他,可是上天有好生之德,因而没有灭之,在此情况下,前端的攻程师们将就
浏览器兼容之旅第四站:IE常见Bug总结及修复方法—part2
《浏览器兼容之旅第三站:IE常见Bug总结及修复方法—part1》中介绍了IE浏览器下十种经典的Bug产生的原因,以及如何在写代码中避免这些Bug的产生,或者说Bug发生后,又如何来解决这
input button文字的行高在FF下的显示问题
最近国外有开发者发现Firefox和Opera的一个BUG:无法改变按钮里文字的行高(包括inputtype=”sumbit”和HTML的button标签)。举个例子,对一个按
让IE也支持margin居中告别text-align:center
谨以此篇献给那些和我一样使用myeclipse开发,为了在IE下居中一直使用text-align:center居中的童鞋。废话不多说,解决办法是在DOCTYPE中加上http://www.w3.org
小数在各个浏览器的差异及css用小数解析差异解决浏览器兼容性问题
通常我们写css的时候写的数字都是整数,如font-size:12px;margin:20px;那么看到标题可能有人会问,css属性值可以有小数点么?如果是小数那会显示成什么样子?和整数有什么区别?首
浏览器对于含小数值px(像素)解析的差异及小数值如何解决兼容性问题
写在前面的唠叨说到解决兼容性问题,不得不提一下csshack,曾几何时我以会使用几个hack沾沾自喜,后来发现自己真是个vip级别的蠢蛋,会用几个hack只是中级阶段,真正厉害的人要以没有hack同样
css实现跨浏览器的盒阴影效果告别图片实现类似效果
一、无关紧要碎碎念在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。然而,在CSS2的时代,我们多半使用图片实现类似效果,或是使用CSS其他属性模拟阴影效果,但是,现在,CSS3的崛
css实现跨浏览器的box-shadow盒阴影效果告别图片实现类似效果(2)
一、前言我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章——“CSS实现跨浏览器兼容性的盒阴影效果”,本文虽然题目类似,但是核心部分是
FireFox下文本框/域百分比自适应数值padding显示bug解决方案
一、问题描述我是流体布局控,经常会遇到文本框以及文本域宽度100%自适应显示的情况。如下效果图:在窄屏下,上面的文本框宽度也要跟着外部宽度变小。难点对于文本框或者文本域,光标最好距离左侧边缘有一定的间
ie下的css层叠z-index各种问题详细整理
到新地方有些日子了,差不多适应了这边的工作节奏与流程。接到的第一个开发任务是几个比较简单的页面,需要做的工作就是先把设计图变成页面,然后使用PHP创建几个请求的接口传递数据,标准且简洁的web开发思路
关于Chrome浏览器字体显示的太小不一的bug处理
作为WEB开发者我们得知道,看似简单的网页制作,如果要做得更好、更专业,真的是不简单。我今天在A号机器上用chrome打开一个网页,再用B号机器上用chrome打开相同的网页,结果出现字体显示的太小不
IE6 float:left margin-left出现两倍像素
在IE6下(标准模式/怪异模式)一个元素向左浮动(float:left),且添加了向左空白边(margin-left:10px),那么会自动的加一倍变成30px。例:复制代码代码如下:
ie6中li插入图片后下方有空隙(经典bug)多种解决方法
ie6中li插入图片后下方有空隙bug,这是ie6的有一个经典bug。解决该bug有很多方法,今天我整理了下,共4种方法,给大家分享下。首先附上代码:复制代码代码如下:!DOCTYPE
ul, li, a怎么用(谷歌/火狐/ie6/7/8)中测试
复制代码代码如下:styletype=text/css*{margin:0;padding:0;font-size:14px}body{padding-top:20px}ul,li
IE下元素空白区域(该元素在上img在下)与图片重叠无法触发鼠标事件
IE下与元素重叠的区域为img(该元素在上img在下),且该元素无背景(background:none、transparent),无可见内容(如displaynone,visibllityhidden
IE7下父元素及子元素的隐藏顺序不当带来的display:none出现BUG
IE7下,先隐藏父元素,后隐藏子元素,再显示父元素,被隐藏的子元素重叠区域下面,存在另一个可见的元素,则该display:none的子元素出现BUG:背景和图片(img元素,不仅仅是图片背景)仍然显示
IE6下CSS多类选择符优先级不起作用的bug分析及解决方法
IE6,这个前端开发的梦魇总是在你不经意的时候给你捅一刀。这次碰到的问题是CSS多类选择符的问题。IE6不支持,我们来看一段这样简单的代码:复制代码代码如下:!DOCTYPEhtmlP
CSS优先级和!important与IE6的BUG讨论及解决方案
一、css的优先级今天有人跟我说csshack中用!important来区分ie6,因为ie6不支持!important,是的在很早以前我也是用过这种方法写hack,但是后来就基本不用了。本来我对他谁
首页
上一页
5
6
7
8
9
下一页
末页
文章分类
html/xhtml
html5
CSS
XML/XSLT
Dreamweaver教程
Frontpage教程
心得技巧
bootstrap
vue
AngularJS
HBuilder教程
css3
浏览器兼容
div/css
网页编辑器
axure
最新内容
div层调整z-index属性在IE中无效原因分析及解决方法
even事件浏览器兼容性实例介绍
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
揭开IE6不为人知的秘密
ie6~ie9 hack兼容写法 已测试
浏览器兼容之旅第三站:IE常见Bug总结及修复方法—part1
CSS中height和width在IE和其他浏览器中的区别图文详解
ie6 z-index不起作用的完美解决方法
chrome://命令大全
让IE6支持最小高度min-height、最大高度max-height的方法