您好,我的网站在IE浏览器显示很正常,为什么换任意一个浏览器就显示错偏错位?

html-css08

您好,我的网站在IE浏览器显示很正常,为什么换任意一个浏览器就显示错偏错位?,第1张

由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果

这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!

比如要分辨IE6和firefox两种浏览器,可以这样写: <style>div{ background:green/* for firefox */ *background:red/* for IE6 */ (both IE6 &&IE7) } </style>我在IE6中看到是红色的,在firefox中看到是绿色的。 解释一下: 上面的css在firefox中,它是认识不了后面的那个带星号的东东是什么的,于是将它过滤掉,不予理睬,解析得到的结果是:div{background:green},于是理所当然这个div的背景是绿色的。 在IE6中呢,它两个background都能识别出来,它解析得到的结果是:div{background:greenbackground:red},于是根据优先级别,处在后面的red的优先级高,于是当然这个div的背景颜色就是红色的了。

更多资料请百度 CSS hack

一、Dust-Me selectors

Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。

支持本地和远程样式文件,包括使用<link>标签、<?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件;(但是不支持页面中的<style>块和内联样式)

支持IE条件注释中引入的样式文件;

可以检查一个页面,也可以检查整个网站;

支持CSS1选择器、大部分CSS2和CSS3选择器;

理解通用的CSS hack,比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”;

支持Firefox 3.5和Firefox 3.0,事实上得益于FF 3.5的js引擎的改进,FF 3.5中的性能比FF 3.0要高50%。

在css中某标签上使用border:1px

solid

black即可显示,要使用方向则加left、right等,如border-top即上边框

只显示上边框说明你的高度(height)或者长度(width)设置出现问题了,好好检查一下吧