兼容性,解决兼容性问题

2020-10-13 阅读 廖星纬整理

内容简介:网页兼容性问题怎么解决使用XHTML CSS架构有很多优点,但也存在一些问题。不管是因为使用不熟练还是思维不清,我都会先写下下面遇到的一些问题,保存大家看看1。Mozilla Fir兼容性设...

使用XHTMLCSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。

1.在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别。

所以在IE下其实解释成这样:div{maring:30px;margin:28px}重复定义的话按照最后一个来执行,所以不可以只写margin:XXpx!important;2.IE5和IE6的BOX解释不一致IE5下div{width:300px;margin:010px010px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px10px(右填充)10px(左填充)=320px来计算的。

这时我们可以做如下修改:div{width:300px!important;width/**/:340px;margin:010px010px}关于这个/**/是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如果有人理解的话,请告诉我一声,谢了!:)3.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义:ul{margin:0;padding:0;}就能解决大部分问题。

4.关于脚本,在xhtml1.1中不支持language属性,只需要把代码改为:就可以了。

5.如果你在BOX容器里使float和text-align的方向设为一致:{float:left;text-align:left;margin:000200px;}我们可做如下修改:{float:left;text-align:left;margin:000200px;display:inline;}

作者给您推荐的内容
  1. 01、打开ps,并打开要处理的图片。02、利用文字工具先在图片上输入文字。03、然后点击工具栏上的文字变形工具04、在弹...

  2. 如果你想在Google Chrome中下载thunderbolt,你需要安装相应的插件怎样用谷歌浏览器中文手机版谷歌浏览外网:thunderdownloadextension for Chrome。不过,有些用户不想默认使用迅雷下载,因此他们...

  3. 具体步骤如下:1。首先,打开安装win7系统的磁盘,输入windows-system32-driver-file repositowin732位系统出现没声音重装声卡驱动失败怎么办ry,然后在其中找到它wdmaudio.inf\x86趶neut...

  4. u启动装win7系统教程一键式U盘安装工具是Windows界面下制作U盘启动盘最早、最专业的工具。但是,很多人不知道一键式u系统安装的用法。Windows7的编辑器专门花时间教你如何安用u启动装...

  5. 01、首先,使用网络电视盒子需要有网络,而使用网络有两种形式,有线网络(直插网线)和无线网络。如果家中有路由器,那么使用...

  6. word01、首先我们打开我们需要加入背景颜色的文档,在工具栏中找到页面布局。02、然后在页面布局里面找到背景。03、选中背景,...

  7. ai怎么转曲水彩画笔不仅是cg设计师的一种画笔资源,也是网页设计中不可缺少的一种。水彩的透明感可以传达一点清新的气质,所以在设计时可以考虑用水彩毛笔作为装饰,这样可以使...

  8. 现在,我每天一上班,大部分工作都集中在处理各种电子邮件上。因此,电子邮件outlook怎么归档?outlook邮件归档的详细教程中的文件越来越大,打开它们的速度也越来越慢。我总是要和他们打交道...

  9. 电脑01、首先打开京东网站首页,点击页面上方【登陆】,登陆成功后点击自己【昵称】,如下图:02、进入到个人信息页面,将页面往...

  10. go 开源项目一。在许多IOS开源项目中,afnetworking是最受开发人员欢迎的库项目。Afnetworking是一个轻量级的IOS和Mac OSX网络通信类库。现在它php开源项目...