Question

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

Answer 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，顺序跟我说的是反的，但实际上，尤其是在中国，你应该按我说的顺序，不然弄大项目的话你会吃大亏。)

Answer 2

　　您好！很高兴为您答疑！

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

Answer 3

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

Answer 4

<div style="background:url(images/bg1.jpg) left top no-repeat;">
<div style="background:url(images/bg1.jpg) right top no-repeat;">
<div style="background:url(images/bg1.jpg) left bottom no-repeat;">
<div style="background:url(images/bg1.jpg) right bottom no-repeat;">

用这个属性就可以了

Answer 5

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