网页设计制作手机网站,网站建设的编程技术,镜美硅藻泥网站是那家公司做的,网页让升级浏览器1.div布局在ie浏览器和chrome浏览器#xff0c;firefox浏览器不同#xff0c;不如在div里面嵌套3个div#xff0c;分别左中右#xff0c;左边div的pading和margin在ie8以上都是几乎相同#xff0c;ie8以下做内边距x2#xff0c;在中间的div在chrome和fierfox中默认在左边… 1.div布局在ie浏览器和chrome浏览器firefox浏览器不同不如在div里面嵌套3个div分别左中右左边div的pading和margin在ie8以上都是几乎相同ie8以下做内边距x2在中间的div在chrome和fierfox中默认在左边div的右边而ie缺不是解决这个问题设置一下左浮动就可以解决。 2.一个ul便签如果设置左浮动比如li5便签如果设置为水平显示li由左往右如果设置右浮动就是从右往左。比如一个导航栏 首页 购买记录 关于 這是左浮动 关于 购买记录 首页 這是右浮动 3.比如一个便签p全面一行都会空两个空格空格可以用nbps;但是每个浏浏览器的空格距离不相同ie浏览器距离比较大所有调兼容性最好不要用nbps有缩进用css控制缩进text-indent2em空两个字体的空间很灵活无论字体多大都是两个字体的距离只是在首行空两个字体距离。 4.一般两个模块左右的外边距会合并而上下的外边距会取其中的最大值。就如左边模块的margin-right10px,右边模块的margin-left10px,他们之间的距离就为20px如果上模块的margin-bottom10px,下模块的margin-top20px,则两个模块的距离为20px取最大那个。内边距不能为负值外边距可以为负值一般都把所有便签的内外边距清空因为每个浏览器的默认值的不同。做兼容性更家容易。一般在css文件中定义 *{padding0pxmargin0px} 5.块级元素比如p/p默认宽度为100%所以要用选择器来改变默认值。水平居中一半不用align“center”新浏览器都抛弃一半用css控制 margin任意pxauto就水平居中了。 6.Ie6不支持display:inline-block,一般不用。 7.父级div管不着有浮动的子div溢出为了解决这个问题一般在父级div加上overflowhidden 8.因为scr是行内块级元素所以不能用margin0pxauto只能用于块级元素居中若要使他居中转化成块级元素 diaplayblock 9.相对定位和绝对定位 有定位属性默认层级都为0. z-index如果都没有定义层级后来者居上。 相对定位一般是模块当前位置。 绝对定位是相对于最近有定位父级的模块进行定位。 z-index可以实现 许愿墙 z-index-1那么里面的东西点不了 10.displaynone隐藏位置不存在 Visibility:hidden;隐藏位置还存在 11.css2设置透明度w3c用opacity0-1 Ie用filteralphaopacity0-100 一般做兼容两个一起写 12.li {list-style-type:none;}取消li下的小圆点。一般用来做导航。· 13.有时候在ie浏览器加入背景图没效果但是火狐和谷歌就可以正常显示试试把png转化成jpg试试。 14.总结用css3的特性只能在ie9以上的浏览器使用如果要求ie9以下的浏览器请放弃css3不然你调兼容的时间比你写代码的时间还要多一般国外都已经放弃用ie9以下的浏览器但是中国还用一些林婉不顾的老顽童用xp淘宝都准备抛弃ie8以下的浏览器。给开发者建议做一个网页需要负责任有些官方的网页只能用ie打开那效果不堪一看连刚刚写前段网页的都能写出来代码就像不是程序员写的我看过广州市某个官方图书馆的官网看完我感觉没爱了。其实兼容是靠经验的。多用火狐调试器看看自己的布局花点时间就能调出一半ie下默认的值你只要重置一下就ok还有div的位置不相同设置一下float就行float不行就用定位慢慢琢磨以后开发遇到问题就能及时发觉以上的都是我记得的兼容方法有好多没有写出来。但我遇到问题我懂怎样解决百度不是万能希望自己能解决问题。一般代码不用百度用google最好能看懂英文stack overflow 和github都有很多解决方法英文不行可以下载个翻译器真心有用的 转载于:https://www.cnblogs.com/biyongyao/p/5400579.html
