很遗憾，即使是 opera 也不支持 css3 的 background-size，还能指望谁呢？：（

</p> <p><img src="images/top17.jpg" /></p> <div style="background-image:url(images/top17.jpg);background-size:50%;background-origin: content;width:709px;height:140px;">111</div> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

所以只能采用 z-index 来模拟背景。

</p> <p>test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! test!!!!!! </p> <div style="width:300px;height:70px;position:absolute;z-index:-1;top:0px;"><img src="images/top17.jpg" width="100%" height="100%" /></div> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

注意：opera 在缩放图片的时候使用的是 bi-linear（双线性），而其他浏览器用的是 nearest-neighbor。如果你不清楚二者的区别，可以搜索相关资料。一般做图软件（photoshop,firefox）缩放图片时默认的算法就是bi-linear，质量较好。nearest-neighbor 质量差，速度快，但有一种特殊用途就是放大像素图，不产生抖动或者说高斯模糊。自己搜吧，这不是讲图片设计的地方。