82问答网 > 怎样给div边框的各个角加修饰图片，并且图片压住边框线，在ie6、火狐中都兼容

怎样给div边框的各个角加修饰图片，并且图片压住边框线，在ie6、火狐中都兼容

2025-03-14 14:24:35

推荐回答（5个）

回答1：

三个办法

1.--------------------------------------------------------
用Js控制，有个现成的：CSS圆角框组件 V1.0
别人封装好的代码，兼容各种浏览器，请自行到以下网址下载：
http://www.blueidea.com/download/product/2009/7308.asp

缺点：无法实现透明背景的阴影圆角等效果
优点：使用简单

2.--------------------------------------------------------
自己写代码：最外面的大Div的css属性加上：position:relative;
里面套4个小Div，每个小Div都定义好用圆角图片做背景图
然后小Div的css属性加上：position:absolute;left:0;right:0;
其中left和righe的值自己调，将他们定位到大Div的四个角上，设置z-index的值比大Div高即可。

不明白原理的话去看看css相对定位、绝对定位的文章，

优点：可以用png透明图片做圆角，什么阴影等特殊效果都行(要兼容的话你得处理下ie6的png透明问题和position在各浏览器下错位的问题，但都很好解决)
缺点：不具通用性，每个大Div区域宽高都一样的话一个class就实现了，但若是宽高不统一的话你得写很多定位的css

3.--------------------------------------------------------
用css3写，已经支持纯css的圆角了。

优点：比上面都简单
缺点：ie不鸟它，不认你css3咋的，ie就是王，写css要先照顾好ie，再去抚慰Firefox这些小婊子..
(书上和网上那些教程写的先照顾FF再兼容ie，顺序跟我说的是反的，但实际上，尤其是在中国，你应该按我说的顺序，不然弄大项目的话你会吃大亏。)

回答2：

　　您好！很高兴为您答疑！

　　您可以在最外面的大Div的css属性加上：position:relative;里面套4个小Div，每个小Div都定义好用圆角图片做背景图然后小Div的css属性加上：position:absolute;left:0;right:0;其中left和righe的值自己调，将他们定位到大Div的四个角上，设置z-index的值比大Div高即可。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

回答3：

用div嵌套div 绝对定位里面的div的Top left 都设置为0 绝对成功。。我刚好开发项目就这么用的外面的div放边框的图片

回答4：

用这个属性就可以了

回答5：

可以用图片实现，利用层的背景位置定位图片。也可以用JQUERY实现，网上找一下，有类似圆角之类的效果。

最新问答

电饭煲的开盖按钮弄掉了要怎么按

有本田杰德的车主吗。求它的优缺点。要现实中开过的人说

华硕笔记本电脑小键盘关不了，fn+NumLK已经尝试过，没有效果。shift+NumLK也没有用。求各位大大解答！

could⼀couldn`t和can⼀can`t在用法上有何区别

西凤酒中最好的是什么酒？

125x3x72＋8的简便计算？