`
dchaoxiong
  • 浏览: 184000 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

div + css 处理圆角的问题 (firefox不支持)

阅读更多
<HTML xmlns:fei>
<STYLE>fei\:*{behavior:url(#default#VML);}</STYLE>
<BODY>
<fei:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:100;WIDTH:100;TOP:100;HEIGHT:100" strokecolor="black" strokeweight="1px"/>
<fei:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:220;WIDTH:100;TOP:100;HEIGHT:100" strokecolor="red" strokeweight="1px" arcsize="0.15"/>
<fei:roundrect style="POSITION:absolute;Z-INDEX:1;LEFT:340;WIDTH:250;TOP:120;HEIGHT:200" strokecolor="green" strokeweight="1px" arcsize="0.3" fillcolor="yellow"/>

<table border=1>
<tr><td>111</td></tr>
</table>

</body>
</html>
分享到:
评论

相关推荐

    div+css呈现圆角层示例

    值得注意的是,`border-radius`在现代浏览器中广泛支持,包括Chrome、Firefox、Safari、Edge和Internet Explorer 9及以上版本。然而,对于早期版本的IE8及以下,你需要使用特定的滤镜(`filter`)属性来实现类似的...

    div+css无图片实现圆角矩形(兼容Firefox)

    div+css无图片实现圆角矩形(兼容Firefox)

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握的八个CSS布局技巧 用css实现链接经过时显示浮动图片背景的效果 自适应大小的CSS圆角盒子 div+css实现Firefox和IE6兼容的垂直居中...

    css+div圆角窗口

    CSS3的`border-radius`在现代浏览器中得到了广泛支持,包括Chrome、Firefox、Safari、Opera和Internet Explorer9及以上版本。对于IE8及以下版本,可能需要使用JavaScript库如jQuery的`.corner()`插件或CSS3PIE这样...

    div+CSS 兼容小摘

    #### 九、CSS圆角支持 - **IE** 不支持圆角。 - **Firefox** 支持 `-moz-border-radius` 属性。 #### 十、CSS双线凹凸边框 - **IE**:`border: 2px outset;` - **Firefox**: ```css -moz-border-top-colors: #d4...

    div+css布局中常用方法汇总.pdf

    13. **Flash遮挡问题**:通过设置`wmode="opaque"`可以解决Flash遮挡其他元素的问题,对IE和Firefox分别在`param`和`embed`标签中设置。 14. **图片边距问题**:在IE6中,图片默认有额外边距,设置`display:block`...

    用DIV+CSS技术制作个人博客网站(web前端网页制作课期末作业)

    - **兼容性**:优秀的网页设计应当能在各种主流浏览器(如 Chrome、Firefox、Safari 等)中正确显示,确保所有用户都能获得一致的访问体验。 ### 5. 示例网站的设计思路 - **页面结构**:示例中的网站采用了 DIV+...

    div滚动条样式一览-div+css设计网

    对于Firefox和其他非Webkit浏览器,需要使用不同的CSS前缀或使用JavaScript库来实现类似的效果。尽管跨浏览器兼容性是个挑战,但通过合理的代码管理和渐进增强策略,我们仍然可以在保持功能的同时提升滚动条的视觉...

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

    为了保证跨浏览器兼容性,可以使用浏览器特定的前缀,如 `-moz-border-radius`(Firefox)、`-webkit-border-radius`(Safari 和 Chrome)和 `-o-border-radius`(Opera)。 综上所述,HTML5 和 CSS3 的圆角边框...

    纯CSS一个DIV悬浮并且FF圆角

    标题中的“纯CSS一个DIV悬浮并且FF圆角”是指如何仅使用CSS来实现一个浮动的div元素,并在Firefox浏览器下保持圆角效果。这个话题涵盖了CSS布局、定位以及浏览器兼容性方面的知识。以下是对这些知识点的详细解释: ...

    小米官网临摹版html+css

    6. **浏览器兼容性**:在编写代码时,开发者可能考虑了不同浏览器之间的兼容性问题,确保页面在主流浏览器(如Chrome、Firefox、Safari和Edge)上表现一致。 7. **版本控制**:项目中可能使用了Git进行版本控制,...

    css3处理所有浏览器都兼容的无图片圆角问题

    在网页设计中,圆角效果经常被用于提升页面的视觉美观度,但早期的CSS标准并未提供原生支持,导致在不同浏览器间实现圆角效果存在兼容性问题。随着CSS3的推出,这个问题得到了很好的解决。本文将详细介绍如何使用CSS...

    DIV+CSS常见问题的14条原因分析

    【DIV+CSS常见问题的14条原因分析】 在网页设计中,使用DIV+CSS布局是一种常见的技术,但在实现过程中可能会遇到各种浏览器兼容性问题。本文将深入解析14个常见的问题及其解决方案,帮助开发者更好地理解和处理这些...

    border-radius以外的CSS圆角边框制作方法

    先说第一种,利用CSS3,前提是您的浏览器必须支持CSS3,Firefox3是支持的,我看到的很多网站圆角也是利用CSS3直接生成的,无非就是ie下依然显示直角而已,让ie固执去吧。 利用CSS3,你可以指定4个角都是圆角,或者...

    css圆角,阴影,支持ie/firefox/chrome等全部浏览器

    对于跨浏览器兼容性,现代浏览器如Firefox、Chrome、Safari和Opera都对CSS3的box-shadow属性提供了良好的支持。然而,IE9及以下版本不支持此属性。为了解决这个问题,可以使用渐进增强的方法,为不支持box-shadow的...

    超多CSS Div圆角特效代码集.rar

    超多CSS Div圆角特效代码集,有DIV圆角,圆角菜单、圆角列表、圆角混合布局、圆角图片边框等,一共有10款圆角框效果,全部兼容ie8、火狐或Chrome浏览器,没有用到CSS3,传统CSS技术实现,是学习CSS的好资料。

    div圆角代码 非常简单的圆角代码

    Firefox 3独有的`-moz-border-radius`属性可以轻松创建平滑圆角,无需图片,颜色和半径可灵活调整,但仅在Firefox 3及更高版本中有效,其他浏览器不支持。此方法在CSS3全面普及前是Firefox的最佳选择,但对处理复杂...

    css+div 在IE中兼容

    在探讨“css+div在IE中兼容”的问题时,我们面临着一个历史遗留下来的挑战:Internet Explorer(以下简称IE)浏览器由于其版本迭代过程中对CSS支持的不一致性,导致在开发基于CSS布局的网站时,需要特别注意跨浏览器...

    又一个CSS DIV圆角边框代码.rar

    又一个CSS DIV圆角边框代码,同样是把图片来修饰成的圆角特效,兼容IE8/火狐、Chrome等浏览器,由测试截图可看出,本实例实现上边左右两个角的圆角效果,下边则是直角,需要的朋友,自己动动手,修改一下CSS,可实现...

    CSS实现圆角边框,不在使用背景图片,IE678、火狐都兼容.docx

    在不使用背景图片的情况下,我们可以通过CSS来实现这种效果,同时确保兼容IE6、IE7、IE8以及火狐等浏览器。以下是两种常见的实现方法。 ### 方法一:有背景颜色的圆角框 这种方法利用了不同元素重叠和隐藏溢出的...

Global site tag (gtag.js) - Google Analytics