从页面开始布局设计初就考虑到各个浏览器的问题，留出充足的余量和给各个浏览器留出充足的发挥空间，这样的页面兼容性才是最好的。
下面就来几个问题：
1、div border不能显示
问题描述：用一个div A层中间放了几个div B来存放内容，因为内容是不固定的，于是就使用了对B层使用了float，让A层自适应高度，后面对A层加上边框，在ie中能显示，但是在firefox中就始终没法显示。
问题分析：B层使用了float，位置浮起，A层边框不能显示
解决方案：对A开始使用一个浮动清除<div style="clear:both"></div>
2、cms ie6的内容页面不能全部显示
问题描述：cms内容页中ie6能显示部分的内容，在其他浏览器中显示能正常全部显示
问题分析：查看代码，其中有.content{height:auto !importan;height:500px;min-height:500px;}，应该是布局是为了好看，留下了500px的高度，其实内容页自适应就可以了，在ie6中的min-height是不兼容的于是就是固定高度500px，超出后也不能显示了。
解决法案：.content{height:auto;}高度自适应
3、关于margin和padding撑破外层div的问题
问题描述：使用div margin padding 布局，整体框架设定号，开始添加内容时使用了margin padding对内容定位，最终在ie6中将整个div撑破，排版打乱
问题分析：ie6中间margin+padding+border+height（width）=盒子的实际尺寸，于是开始设计的尺寸加上定位的margin和padding就导致了撑破div
解决方案：定位改为position定位，使用position="relative"相对于本身原位置定位，自身位置保留，相邻div依靠原位置，定位可以把原来margin和padding多撑出位置重叠在一起，多出重叠部分无内容对用户体验上无影响。
4、使用jquery slidetoggle 出现闪烁问题
问题描述：使用jquery slidetoggle ie6和ie7出现闪烁问题
问题分析：查找资料 对slidetoggle 的子元素使用了position:relative position:absolute 等出现闪烁，自查原因使用了float:left出现闪烁
解决方案：解决方案：添加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">则可以解决问题，但是本句话前不能有其他注释，开始未能解决时因为在页面的开始有了一个空注释（如问题5中），当问题5解决了，后面反思，得出了这个方案。
其实前面在网上也查了相关资料，解决法案正是如此，但是由于前面有一个空注释，所以没有出现效果，后面把空注释解决了，才恍然醒悟。
5、静态页布局兼容大部分浏览器，加上动态数据后在ie6 和 ie7中居中的内容就偏左了
问题描述：做静态页布局时，很是仔细，因为知道不用css hack的布局做出来的兼容性才是最好的，于是很是仔细的做完，测试了各个浏览器，兼容性也很好，但加上数据后就出现偏移了。
问题分析：经过再三的坚持，发现，在输出数据时，页面的头部多了一个<!---->空注释，于是就偏移了。
解决方案：去除页面开始的<!---->
6、使用jquery slidetoggle是子元素出现快于父元素出现和消失，但下拉还未完成，子元素出现一闪出现，给人以突兀的感觉
问题描述：使用了jquery slidetoggle 元素下刚开始下来是，子元素则一闪而现，即一点击则出现，很是突兀
问题分析：经过查找，发现是子元素使用了position:relative的原因造成
解决法案：去除子元素中position:relative 的属性
下面就来几个问题：
1、div border不能显示
问题描述：用一个div A层中间放了几个div B来存放内容，因为内容是不固定的，于是就使用了对B层使用了float，让A层自适应高度，后面对A层加上边框，在ie中能显示，但是在firefox中就始终没法显示。
问题分析：B层使用了float，位置浮起，A层边框不能显示
解决方案：对A开始使用一个浮动清除<div style="clear:both"></div>
2、cms ie6的内容页面不能全部显示
问题描述：cms内容页中ie6能显示部分的内容，在其他浏览器中显示能正常全部显示
问题分析：查看代码，其中有.content{height:auto !importan;height:500px;min-height:500px;}，应该是布局是为了好看，留下了500px的高度，其实内容页自适应就可以了，在ie6中的min-height是不兼容的于是就是固定高度500px，超出后也不能显示了。
解决法案：.content{height:auto;}高度自适应
3、关于margin和padding撑破外层div的问题
问题描述：使用div margin padding 布局，整体框架设定号，开始添加内容时使用了margin padding对内容定位，最终在ie6中将整个div撑破，排版打乱
问题分析：ie6中间margin+padding+border+height（width）=盒子的实际尺寸，于是开始设计的尺寸加上定位的margin和padding就导致了撑破div
解决方案：定位改为position定位，使用position="relative"相对于本身原位置定位，自身位置保留，相邻div依靠原位置，定位可以把原来margin和padding多撑出位置重叠在一起，多出重叠部分无内容对用户体验上无影响。
4、使用jquery slidetoggle 出现闪烁问题
问题描述：使用jquery slidetoggle ie6和ie7出现闪烁问题
问题分析：查找资料 对slidetoggle 的子元素使用了position:relative position:absolute 等出现闪烁，自查原因使用了float:left出现闪烁
解决方案：解决方案：添加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">则可以解决问题，但是本句话前不能有其他注释，开始未能解决时因为在页面的开始有了一个空注释（如问题5中），当问题5解决了，后面反思，得出了这个方案。
其实前面在网上也查了相关资料，解决法案正是如此，但是由于前面有一个空注释，所以没有出现效果，后面把空注释解决了，才恍然醒悟。
5、静态页布局兼容大部分浏览器，加上动态数据后在ie6 和 ie7中居中的内容就偏左了
问题描述：做静态页布局时，很是仔细，因为知道不用css hack的布局做出来的兼容性才是最好的，于是很是仔细的做完，测试了各个浏览器，兼容性也很好，但加上数据后就出现偏移了。
问题分析：经过再三的坚持，发现，在输出数据时，页面的头部多了一个<!---->空注释，于是就偏移了。
解决方案：去除页面开始的<!---->
6、使用jquery slidetoggle是子元素出现快于父元素出现和消失，但下拉还未完成，子元素出现一闪出现，给人以突兀的感觉
问题描述：使用了jquery slidetoggle 元素下刚开始下来是，子元素则一闪而现，即一点击则出现，很是突兀
问题分析：经过查找，发现是子元素使用了position:relative的原因造成
解决法案：去除子元素中position:relative 的属性
标签：
css,兼容性
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
暂无“css 兼容性书写记录”评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新动态
2024年11月24日
2024年11月24日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]