`

IE6下border-bottom不起作用?

阅读更多

在IE6下,border-bottom:1px solid #000 不起作用,但border:1px solid #000 其作用。

(经过测试,对于borde-top也有效)

解决方案:

为了使得border-bottom:1px solid #CCC 起作用,可以添加一段css,如下:

_display:inline-block;/*针对ie6*/
分享到:
评论
2 楼 muyijianke 2012-12-31  
1 楼 fenghoer 2012-10-24  
好用.thanks!

相关推荐

    css3(border-radius)边框圆角详解

    * border-bottom-right-radius * border-bottom-left-radius 这些属性都可以同时设置 1 到 2 个值。如果设置 1 个值,表示水平半径与垂直半径相等。如果设置 2 个值,第一个值表示水平半径,第二个值表示垂直半径。...

    圆角魅力:CSS border-radius全攻略

    border-bottom-right-radius: 10px; } .rounded-bottom-left { border-bottom-left-radius: 10px; } ``` 2. **创建所有圆角**: ```css .rounded-all { border-radius: 10px; /* 所有角的半径均为10px */ ...

    css3教程应用css3 圆角border-radius属性制作...

    border-radius: <top-left> <top-right> <bottom-right> <bottom-left>; } ``` 这里的`<length>`可以是像素、百分比等长度单位,`<percentage>`是以元素宽度或高度的百分比来定义半径。 二、单个值的使用 如果只...

    第三章 border-color网页边框色彩.docx

    在文档提供的代码示例中,`border-color`的多个扩展属性被用来指定不同方向边框的颜色,例如`-moz-border-bottom-colors`, `-moz-border-top-colors`, `-moz-border-left-colors` 和 `-moz-border-right-colors`。...

    CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)

    在更复杂的场景下,可以通过单独设置`-webkit-border-top-left-radius`, `-webkit-border-top-right-radius`, `-webkit-border-bottom-left-radius`, 和 `-webkit-border-bottom-right-radius`等属性来控制每个角的...

    调用IE内置打印组件完成web打印方案及例程

    border-bottom-color: #000000; } ``` 这些样式定义了不同类型的单元格样式,包括边框的细节处理。 #### 四、具体实现 1. **绑定打印按钮事件**: 为了使打印按钮能够正常工作,需要编写JavaScript脚本来绑定...

    HTML5+CSS3 圆角边框的绘制.pdf

    例如,在示例17-6中,`border: none;`使得边框不显示,但圆角仍然可见。这通常用于创建纯色背景的圆角元素,或者与内阴影(`box-shadow`)结合使用以模拟3D效果。 4. 设置四个角独立的圆角半径 如果每个角的圆角...

    CSS3 border-radius圆角的实现方法及用法详解

    针对单个圆角,CSS3还提供了四个属性,分别是border-top-left-radius、border-top-right-radius、border-bottom-right-radius和border-bottom-left-radius,允许开发者为每个角单独设置圆角半径。当使用这四个属性时...

    入门教程 CSS属性.pdf

    **2.6 `border-bottom-width` - 底边框宽度** - **描述**: 设置底边框的宽度。 - **值**: - `thin`: 细边框。 - `medium`: 中等边框。 - `thick`: 厚边框。 - `length`: 具体长度值。 - **兼容性**: - IE: 4 ...

    CSS 圆角 源代码 源代码 源代码

    如果你需要对每个角的圆角半径进行更精确的控制,可以分别指定`border-top-left-radius`, `border-top-right-radius`, `border-bottom-right-radius`, `border-bottom-left-radius`。例如: ```css .box { border-...

    ie-css3.rar_border

    css现圆角功能,一般在ie下是失去效果的,但是利用这个文件再加上下面这段css代码就解决了:.test { width:560px height:400px background-color: blue padding:10px 8px 6px border: 2px solid #C0C0...

    IE下显示圆角实例代码

    border-radius: top-left-radius top-right-radius bottom-right-radius bottom-left-radius; } ``` 例如,要创建一个所有角都是20像素的圆角矩形: ```css .rounded-corners { border-radius: 20px; } ```...

    CSS——border基础知识.docx

    此外,还可以单独设置上、下、左、右四个边框,如`border-top`、`border-bottom`、`border-left`和`border-right`。 CSS边框样式包括多种类型: - `none`:无边框 - `hidden`:隐藏边框(IE不支持) - `dotted`:...

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    - `*-moz-border-bottom-colors`: 设置边框底部的颜色渐变。 - `*-moz-border-left-colors`: 设置边框左侧的颜色渐变。 - `*-moz-border-radius`: 设置圆角边框。 - `*-moz-border-radius-bottomleft`: 设置左下...

    css3实现圆角矩形

    关于浏览器兼容性,虽然`border-radius`是CSS3的核心特性之一,但老版本的Internet Explorer(尤其是IE6)并不支持。为了实现对这些浏览器的兼容,我们可以使用JavaScript库,如jQuery的`$.fn.corner`插件,或者CSS ...

    css3圆角兼容火狐、IE和webkit

    -moz-border-radius: top-left top-right bottom-left bottom-right; /* 或简写形式 */ -moz-border-radius: 10px; /* 所有四个角相同半径 */ } ``` `-moz-`是Firefox专有的前缀,用来启用非标准的CSS扩展。 ...

    CSS的下拉菜单,支持IE6 IE7 Firefox

    ### CSS的下拉菜单,支持IE6 IE7 Firefox #### 概述 本文将详细介绍一个兼容Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Firefox浏览器的纯CSS下拉菜单实现方法。该下拉菜单不仅具有良好的跨浏览器...

    兼容所有浏览器的CSS3圆角

    border-bottom-right-radius: 30px; border-bottom-left-radius: 40px; } ``` 尽管`border-radius`在现代浏览器中被广泛支持,但为了确保向后兼容,我们需要针对老版本的浏览器,如Internet Explorer(尤其是IE8...

    纯css制作带三角border篇(兼容所有浏览器)

    此外,`_border`前缀是专为IE6和IE7设计的hack,这些浏览器不支持`transparent`边框,所以需要设置为与背景色相同的值。 总结来说,通过调整CSS的`border`属性,我们可以创建出在所有主流浏览器(包括IE6)中都兼容...

Global site tag (gtag.js) - Google Analytics