网页设计中如何解决浏览器兼容问题
来源:互联网 发布:java中文全角符号大全 编辑:程序博客网 时间:2024/06/04 17:57
http://zhidao.baidu.com/question/265250845.html
1.目标不居中;一般新手都爱出现这个问题,主要原因是对盒子模型不够理解,如果发现你的页面没有居中,基本上有两种情况:a. 如果是在浏览器中没有居中,就是没盒子,就是要用一个大DIV把所有需要居中元素装起来,然后给盒子一个css样式margin:0 auto;b. 如果想要盒子内的元素居中,必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center; 2.目标在不同浏览器上的位置不同;a.首先不要去急着找hack,先看一下自己的代码有没有错误,DW里有一个“检查浏览器兼容性”功能特别实用;b.然后,尽量让目标的位置初始化,使之在所有浏览器都处在同一个位置,这个条件的前提是,不写hack,最后再一个方位一个方位调整。3.目标与目标之间距离在各个浏览器上的区别;a.给其中一个目标加背景颜色;b.观察背景色与另外一个目标的距离,查看是不是这个目标造成的距离问题c.如果不是上一个目标,那就给另外一个目标也加上背景颜色。d.这样很容易判断出那个目标造成的原因,就针对那个目标进行修改。4.IE6兼容问题最多的一个,浮动问题。a.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,解决方法:只需要给这个DIV加一个样式:display:inline;b.布局的时候经常会遇到这种情况:发现有一个DIV浮动了,接下来的一个DIV本来是要在下面显示的,结果跑上面去了,这种情况一般在FF下面会出现。解决的办法:清除浮动,在设置过浮动的那个DIV下面加一个DIV,给个样式clear:both;如下 阅读(4209) | 评论(0) | 转发(1) | <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
1.目标不居中;一般新手都爱出现这个问题,主要原因是对盒子模型不够理解,如果发现你的页面没有居中,基本上有两种情况:a. 如果是在浏览器中没有居中,就是没盒子,就是要用一个大DIV把所有需要居中元素装起来,然后给盒子一个css样式margin:0 auto;b. 如果想要盒子内的元素居中,必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center; 2.目标在不同浏览器上的位置不同;a.首先不要去急着找hack,先看一下自己的代码有没有错误,DW里有一个“检查浏览器兼容性”功能特别实用;b.然后,尽量让目标的位置初始化,使之在所有浏览器都处在同一个位置,这个条件的前提是,不写hack,最后再一个方位一个方位调整。3.目标与目标之间距离在各个浏览器上的区别;a.给其中一个目标加背景颜色;b.观察背景色与另外一个目标的距离,查看是不是这个目标造成的距离问题c.如果不是上一个目标,那就给另外一个目标也加上背景颜色。d.这样很容易判断出那个目标造成的原因,就针对那个目标进行修改。4.IE6兼容问题最多的一个,浮动问题。a.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,解决方法:只需要给这个DIV加一个样式:display:inline;b.布局的时候经常会遇到这种情况:发现有一个DIV浮动了,接下来的一个DIV本来是要在下面显示的,结果跑上面去了,这种情况一般在FF下面会出现。解决的办法:清除浮动,在设置过浮动的那个DIV下面加一个DIV,给个样式clear:both;如下
5.IE8兼容问题ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 6.背景兼容问题有的时候明明给一个DIV加了背景颜色或背景图片,但是却显示不出来或者显示不全。解决办法:首先,有可能是DIV没有设置绝对高度。如果设置了宽度和高度还没有效果,那么给DIV一个样式display:block;(通常a:hover加背景的时候经常遇到)。另外,如果高度必须要设置成自动的话,那么就给DIV一个样式overflow:hidden;7.IE7和Firefox兼容问题很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好使,就是FF下有问题。解决方法:height:100px;/*FF下显示100的高*/ +height:120px;/*IE678下显示120高*/原理:FF不识别加过符号的属性,而IE识别。
0
上一篇:epoll精髓
下一篇:Apache/RewriteRule
相关热门文章
- Python 自动化测试 之 自动登...
- HTML5 音视频媒体处理相关...
- stopPropagation, preventDefa...
- WIN7 CPU占用率高的一些原因...
- 如何重置微软Edge浏览器为Wind...
- 关于SSI
- IP Sec VPN与NAT破镜重圆
- JS模拟鼠标自动点击
- UT2.0正式版下载
- tomcat6.0配置(含配置视频下载...
- linux dhcp peizhi roc
- 关于Unix文件的软链接
- 求教这个命令什么意思,我是新...
- sed -e "/grep/d" 是什么意思...
- 谁能够帮我解决LINUX 2.6 10...
给主人留下些什么吧!~~
评论热议
0 0
- 网页设计中如何解决浏览器兼容问题
- opacity浏览器兼容问题解决
- 20150909解决浏览器兼容问题
- 浏览器兼容问题解决方式
- 浏览器兼容问题的解决
- 解决浏览器兼容问题
- 网页布局之浏览器兼容问题
- 浏览器 兼容问题 更新中。。。
- JavaScript中浏览器兼容问题
- web设计中常见浏览器兼容问题的解决办法
- 如何解决浏览器无法打开网页问题
- 这样解决浏览器不兼容问题
- 这样解决浏览器不兼容问题
- 这样解决浏览器不兼容问题
- JavaScript解决常见浏览器兼容问题
- 这样解决浏览器不兼容问题 .
- 这样解决浏览器不兼容问题
- JavaScript解决常见浏览器兼容问题
- Linux 让进程在后台可靠运行的几种方法
- 用marquee和div+js实现首尾相连循环滚动效果
- JavaScript学习笔记:数组去重
- linux下epoll如何实现高效处理百万句柄的
- epoll精髓
- 网页设计中如何解决浏览器兼容问题
- Linux系统日志 -- syslog函数
- Apache/RewriteRule
- 使用google map v3添加经纬度信息
- 【安卓开发小知识集合】
- 评论:一站式学习C编程(升级版) (平装)
- Java不同数据类型之间的转换
- linux 中强大且常用命令:find、grep
- 70、80年代独生子女父母呼吁2012年放开单独二胎政策方案
原创粉丝点击
热门IT博客
热门问题
老师的惩罚
人脸识别
我在镇武司摸鱼那些年
重生之率土为王
我在大康的咸鱼生活
盘龙之生命进化
天生仙种
凡人之先天五行
春回大明朝
姑娘不必设防,我是瞎子
联程飞机晚点怎么办
转机自带行李怎么办
车票买成学生票怎么办
联程车票晚点怎么办
联程火车票晚点怎么办
虎皮剑兰发很多怎么办
一直换号码骚扰怎么办
冰箱不停的运作怎么办
被虚拟电话骚扰怎么办
一直有电话骚扰怎么办
老打电话骚扰我怎么办
总有电话骚扰怎么办
狗一直抽搐不停怎么办
右眼皮一直抽搐怎么办
打包机不停的倒带不切带怎么办
频繁被电话骚扰怎么办
一直被骚扰电话怎么办
有电话短信骚扰怎么办
收到大量验证码怎么办?
每天有陌生电话怎么办
电话不停被骚扰怎么办
水龙头的乱溅怎么办
水龙头坏了喷水怎么办
水龙头水流很散怎么办
自来水往外喷水怎么办
手机有骚扰电话怎么办
半夜到南宁机场怎么办
得了水痘坐火车怎么办
香港账户被限制怎么办
司法拍卖车扣分怎么办
速递易已超期怎么办
e栈快递换微信怎么办
e栈快递柜打不开怎么办
小孩耳朵塞东西怎么办
把隐形眼镜吃了怎么办
街道分车位不公平怎么办
服务区修车被宰怎么办
2018高速逃费怎么办
高速不停车卡怎么办
独立显卡显存不够怎么办
rx470d买不到了怎么办?