`
tianhandigeng
  • 浏览: 376442 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

设置border在IE中可以显示在FF中无法显示

IE 
阅读更多

    我这样设置一个div的边框:

.productImageAreaHeader {
   width:70px;
    height:10px;
    font-weight:bold;
    border-style:solid;
    border:1px;
    border-bottom-width:0px;
    padding:10px;
    border-color:#ADD2FF;
    margin-left:20px;
}

 这样设置后在IE中可以显示出来,但是在FF中却不能显示出来,最后把

 border:1px;
 border-style:solid;

 把这两个的顺序调成了这样就行了,不知道什么原因,总之记录一下

 

 

0
4
分享到:
评论
1 楼 maoquan0515 2011-03-03  
Border是一个复合属性,一般写法如border:1px solid #ff0000,没写的有默认值,你先写border-style,再写border(包含border-style),就把上面的覆盖了

相关推荐

    ie6 ie7 ff浏览器兼容

    该标题明确指出了文章关注的核心问题——即确保网页能在IE6、IE7及Firefox等浏览器中正确显示。这意味着开发者需要采取一定的措施来适配这些浏览器,确保无论用户使用何种浏览器,都能获得一致的视觉体验。 #### ...

    IE和FF的部分区别

    为解决这个问题,可以在事件处理函数中传递`event`参数,并使用条件语句获取事件对象。 7. **事件源属性**: - IE的事件对象有`srcElement`属性,FF有`target`属性。可以通过条件语句来统一获取事件源,如`srcObj ...

    JS在IE和FF中的兼容性问题

    - `this` 关键字:在事件处理函数中,`this` 的值在IE和FF中可能不同。可以使用 `call` 或 `apply` 方法来指定上下文。 7. **正则表达式**: - `lastIndex` 属性:IE和FF对全局正则表达式匹配后的 `lastIndex` ...

    CSS兼容IE6,IE7,FF的技巧

    - **List样式去除**: `ul`标签在FF中有默认的列表样式和填充(padding),而IE没有,需要统一处理。 - **Cursor样式兼容性**: `.cursor:pointer;`在IE6/7中有效,但在Firefox中需要使用`.cursor:hand;`。 - **...

    FF和IE兼容性问题

    在CSS中,有多种方法可以实现这个效果,但并非所有方法在所有浏览器中都能得到相同的支持。在提供的部分内容中,提到了两种针对IE和Firefox的居中策略: 1. `body{text-align:center}` 这种方法是通过将`body`元素...

    CSS完美兼容IE6IE7FF的通用方法

    - **指针样式**:`cursor`属性的`pointer`值在IE中表现为手形,但在Firefox中则不显示。可以通过条件注释或Hack来解决。 #### 多浏览器的文本对齐 为了在IE和Firefox之间保持文本居中的效果,可以采用以下CSS代码...

    CSS样式表下FF与IE的区别

    使用`cursor: pointer`可以在Firefox和IE中显示手指状的鼠标指针,而`hand`仅在旧版IE中有效。 7. 盒模型解释不一致: IE5和IE6对盒模型的解释不同,导致宽度计算方式不同。可以通过`!important`来处理,如`div {...

    FF 与 IE 中部分JS、CSS区别

    - **创建元素**:FF使用`document.createElement('tagname')`,IE也有此方法,但早期版本还支持`document.createElement('<tagname>')`,这在FF中会抛出错误。 ### CSS的区别 1. **盒模型**: - FF遵循W3C标准的...

    全面的IE6_7_8_FF样式兼容

    在网页开发过程中,浏览器兼容性始终是一个不可忽视的重要问题,特别是对于旧版本的 Internet Explorer (IE) 和 Firefox (FF)。"全面的IE6_7_8_FF样式兼容"资源正针对这一挑战提供了详尽的解决方案。以下是关于这些...

    圆角效果 在IE5.5、IE6、IE7、IE8、FF3、TT、Maxthon2.1.5、Opera9.6、Safari4.0通过

    在网页设计中,圆角效果是一种常见的视觉设计元素,它可以使网页界面看起来更加现代和美观。在早期的浏览器中,实现圆角效果往往需要借助图片或者复杂的CSS hack,但随着CSS3的出现,这一情况得到了根本性的改变。...

    CSS兼容IE6,IE7和FF的总结 .

    以上 CSS 规则确保了容器 `#wrap` 在 Firefox 和 IE7 下具有自动高度,而在 IE6 下具有最小高度设置。此外,左右两个浮动区域也被正确地放置。 #### 结论 尽管现代浏览器已经非常接近于遵循相同的 CSS 标准,但在...

    兼容IE(678)FF缩略图的使用方法.doc

    然而,在不同的浏览器中,实现缩略图的方法却有所不同,本文将介绍如何在IE(6、7、8)和FireFox(FF)浏览器中实现缩略图的使用方法。 缩略图的使用方法 在实现缩略图功能时,需要使用HTML、CSS和JavaScript技术...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    - FF中,链接添加边框和背景色需要`display: block;float: left;`防止换行。 - `cursor: pointer;`在FF和IE中均显示手形光标,而`cursor: hand;`仅IE支持。 6. **清除浮动**: 为了清除浮动影响,可以使用`....

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    - **解决办法**:可以在外层元素上设置`border`或`float`属性来避免这个问题。 ##### 7. 背景吞吃现象 - **问题描述**:在IE6中,如果上方的`div`设置了背景,下方未设置背景的`div`也会显示相同的背景。 - **解决...

    IE/FF兼容问题

    标题中的“IE/FF兼容问题”指的是在网页开发过程中,Internet Explorer(IE)浏览器与Firefox浏览器之间存在的兼容性挑战。由于这两个浏览器对JavaScript、CSS、DOM等Web标准的实现方式存在差异,开发者需要处理这些...

    div的圆角的制作,兼容FF, IE等浏览器

    在本主题中,我们将深入探讨如何使用CSS技术为`div`元素创建圆角,同时确保这种效果在Firefox(FF)和Internet Explorer(IE)等不同浏览器上都能良好地兼容。 1. CSS3边框半径属性 CSS3引入了`border-radius`属性...

    各大网站时尚网站选用的时尚导航兼容FF IE 678

    标题中的“各大网站时尚网站选用的时尚导航兼容FF IE 678”指的是网页设计中一个重要的主题,即创建的导航菜单需要在多种浏览器中保持一致性和兼容性,特别是Firefox(FF)和早期版本的Internet Explorer(IE 6、7、...

    css解决IE6,IE7,firefox兼容性问题.

    - 但在 IE 中无法直接使用此方法实现垂直居中。 8. **链接加边框和背景色** - 为了使链接具有边框和背景色,可以设置: ```css a { display: block; float: left; border: 1px solid #000; background-color: #...

    css下拉菜单示例,兼容ie678,ff,chrome

    本示例主要关注的是使用CSS创建下拉菜单,并确保该菜单在不同的浏览器环境下,如IE6、IE7、IE8、Firefox和Chrome中都能正常工作。这是一项重要的任务,因为不同浏览器可能对CSS的解析和渲染存在差异,需要进行适当的...

Global site tag (gtag.js) - Google Analytics