智能调整大小背景

时间:2012-08-08 14:45:18

标签: javascript html css

请原谅我,可能是狡猾的问题。但是当对控件/元素进行换肤时,我通常使用以下概念(我不知道正确的名称,但我在创建自定义WinXP主题时首先看到它)。基本思想是在图像中设置一种限制调整大小的边距,只允许内部部分拉伸。

http://img42.imageshack.us/img42/6188/image7rq.jpg

在我的常规编程工作中使用此方法很简单,我只需BitBlt四角,然后StretchBlt其余部分就位。但是我不是HTML的专家,我在互联网上找不到任何关于它的东西。当你不完全知道这个概念的名字时,有点难以搜索......

a)如何调用此方法?

b)有没有人知道如何使用HTML,CSS,Javascript等来做到这一点?我希望DIV元素的背景是这样的主题。这是打算在今天剩下的时间里用Photoshop剪切图像,这让我觉得非常悲惨。

2 个答案:

答案 0 :(得分:1)

使用css会不会更容易?检查此http://jonraasch.com/blog/css-rounded-corners-in-all-browsers或搜索“css圆形框”或“css圆角”

答案 1 :(得分:1)

有几种方法可以解决这个问题。如果您允许定位较新的浏览器并允许旧浏览器降级为方角和非渐变背景,请查看new CSS 3 features

但是,如果您需要能够支持旧浏览器,则必须启动Photoshop,创建一些背景图像,并嵌套一些html元素。如果您的背景只需要在一个方向(正面或水平)缩放,请查看sliding door技术。