参考下面文章解决啦,当时用的bootstrap框架,导航背景色在IE中没效果
http://www.cnf2e.com/css-div-html/css-background-color-transparent.html
您还没有登录,请您登录后再发表评论
尤其是在处理旧版Internet Explorer(如IE6、IE7、IE8)与现代浏览器(如Firefox、Chrome等)之间的样式差异时,CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助...
Firefox和其他基于Webkit的浏览器(如Chrome)遵循W3C标准盒模型,其内容区域不包括边距和填充,而IE6-8则使用非标准的盒模型,内容区域包括边距和填充。解决方法是使用`box-sizing`属性,或在CSS中分别设定`width`...
针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...
标题中的“CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌”指的是在网页设计中,使用CSS来实现一个DIV元素的背景颜色渐变效果,并确保这种效果在不同的浏览器,包括Internet Explorer(IE)、Firefox和Google Chrome...
### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...
以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法: 1. **DOCTYPE声明**:确保在HTML文档开头使用正确的DOCTYPE声明,如`<!DOCTYPE html>`,这有助于使浏览器以标准模式...
7. **边框与背景色**:在Firefox中,给链接添加边框和背景色,应设置`display: block`和`float: left`以防止换行。有时可能需要设置高度以避免底部错位。 8. **盒模型差异**:Firefox和IE对盒模型的理解不同,导致...
- 链接加边框和背景色时,应设置`display: block;`和`float: left;`防止换行,可能还需要设定高度以避免底部错位。 7. **盒模型解释不一致**: - 解决方法是为元素设置两个不同的`margin`,如`margin:30px!...
- 链接添加边框和背景色,应设置`display: block`,避免换行,并考虑`cursor: pointer`显示效果。 3. **盒模型差异**: - Firefox和IE对盒模型解释不一致,导致边缘计算的差异。可以使用`box-sizing`属性或负边距...
本文将详细介绍如何使基于div+css布局的网页在Internet Explorer(IE6, IE7, IE8, IE9)及Firefox、Chrome等现代浏览器中表现一致。 #### 1. DOCTYPE对CSS的影响 文档类型声明(DOCTYPE)是HTML文档的第一行,它...
- 为了在Firefox中显示边框和背景色,链接需设置`display: block`和`float: left`,并可能需要设置高度以防止底部错位。 6. **BOX模型问题** - 解决Firefox和IE盒模型差异的常见方法是使用负边距,或者使用`!...
**问题描述**:在IE6中,如果上下两个`div`,上面的`div`设置了背景色,却发现下面未设置背景色的`div`也继承了背景色,这就是所谓的背景吞吃现象。 **解决方案**:使用`zoom:1`属性。 ##### 7. 注释产生的Bug **...
5. **双层背景法**:创建两个重叠的div,一个用于背景色,另一个放置PNG图像。通过调整PNG图像的z-index使其位于上方,这样在IE6中看起来像是背景是透明的。这种方法适用于固定颜色背景,但不适合复杂背景。 6. **...
CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...
6. **链接的边框和背景色**:在Firefox中,给链接添加边框和背景色需要设置`display: block;`和`float: left;`,以避免换行问题。如果需要,还可以设置链接和其父元素的高度,防止底部对齐问题。 7. **盒模型差异**...
然而,不同的浏览器由于其内核差异及版本更新速度不一,常常导致同样的代码在不同浏览器下呈现的效果各异,尤其是对于老旧的IE系列浏览器(如IE6、IE7、IE8)以及较新版本的Firefox等,这种兼容性问题尤为突出。...
在兼容性方面,虽然CSS3的`background-image`和渐变功能在现代浏览器中得到了广泛支持,但旧版的Internet Explorer(尤其是IE8及更低版本)并不支持这些特性。为了确保跨浏览器的兼容性,开发者可能需要使用渐变的...
相关推荐
尤其是在处理旧版Internet Explorer(如IE6、IE7、IE8)与现代浏览器(如Firefox、Chrome等)之间的样式差异时,CSS Hack技巧成为了必不可少的工具。本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助...
Firefox和其他基于Webkit的浏览器(如Chrome)遵循W3C标准盒模型,其内容区域不包括边距和填充,而IE6-8则使用非标准的盒模型,内容区域包括边距和填充。解决方法是使用`box-sizing`属性,或在CSS中分别设定`width`...
针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...
标题中的“CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌”指的是在网页设计中,使用CSS来实现一个DIV元素的背景颜色渐变效果,并确保这种效果在不同的浏览器,包括Internet Explorer(IE)、Firefox和Google Chrome...
### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...
以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法: 1. **DOCTYPE声明**:确保在HTML文档开头使用正确的DOCTYPE声明,如`<!DOCTYPE html>`,这有助于使浏览器以标准模式...
7. **边框与背景色**:在Firefox中,给链接添加边框和背景色,应设置`display: block`和`float: left`以防止换行。有时可能需要设置高度以避免底部错位。 8. **盒模型差异**:Firefox和IE对盒模型的理解不同,导致...
- 链接加边框和背景色时,应设置`display: block;`和`float: left;`防止换行,可能还需要设定高度以避免底部错位。 7. **盒模型解释不一致**: - 解决方法是为元素设置两个不同的`margin`,如`margin:30px!...
- 链接添加边框和背景色,应设置`display: block`,避免换行,并考虑`cursor: pointer`显示效果。 3. **盒模型差异**: - Firefox和IE对盒模型解释不一致,导致边缘计算的差异。可以使用`box-sizing`属性或负边距...
本文将详细介绍如何使基于div+css布局的网页在Internet Explorer(IE6, IE7, IE8, IE9)及Firefox、Chrome等现代浏览器中表现一致。 #### 1. DOCTYPE对CSS的影响 文档类型声明(DOCTYPE)是HTML文档的第一行,它...
- 为了在Firefox中显示边框和背景色,链接需设置`display: block`和`float: left`,并可能需要设置高度以防止底部错位。 6. **BOX模型问题** - 解决Firefox和IE盒模型差异的常见方法是使用负边距,或者使用`!...
**问题描述**:在IE6中,如果上下两个`div`,上面的`div`设置了背景色,却发现下面未设置背景色的`div`也继承了背景色,这就是所谓的背景吞吃现象。 **解决方案**:使用`zoom:1`属性。 ##### 7. 注释产生的Bug **...
5. **双层背景法**:创建两个重叠的div,一个用于背景色,另一个放置PNG图像。通过调整PNG图像的z-index使其位于上方,这样在IE6中看起来像是背景是透明的。这种方法适用于固定颜色背景,但不适合复杂背景。 6. **...
CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...
6. **链接的边框和背景色**:在Firefox中,给链接添加边框和背景色需要设置`display: block;`和`float: left;`,以避免换行问题。如果需要,还可以设置链接和其父元素的高度,防止底部对齐问题。 7. **盒模型差异**...
然而,不同的浏览器由于其内核差异及版本更新速度不一,常常导致同样的代码在不同浏览器下呈现的效果各异,尤其是对于老旧的IE系列浏览器(如IE6、IE7、IE8)以及较新版本的Firefox等,这种兼容性问题尤为突出。...
在兼容性方面,虽然CSS3的`background-image`和渐变功能在现代浏览器中得到了广泛支持,但旧版的Internet Explorer(尤其是IE8及更低版本)并不支持这些特性。为了确保跨浏览器的兼容性,开发者可能需要使用渐变的...