resize时可拖动对象背景图像的大小

这个问题与jquery中的Resizable，draggable对象有关。 可能？

大家好，

我想在jquery resize上调整div的背景图像。 我该怎么做？

谢谢

Answer 1

您无法设置CSS背景图像的大小。 但也许这个http://www.cssplay.co.uk/layouts/background.html或这将有助于http://css-tricks.com/how-to-resizeable-background-image/

Answer 2

基本上这将包括一个可resize的容器（我说div），它具有非静态位置（如果你让它可拖动就不可避免地发生），一个位置设置为绝对和100％宽度的“背景”对象/ height，以及设置为相对位置的内容容器（另一个div）。 应该做的伎俩。

 
  
 
Content paragraph.
 
  

看一个例子： http ： //jsfiddle.net/wVAT2/

发生的事情是将图像的位置设置为绝对将其从文档流中取出并将其相对于第一个非静态定位的祖先（在这种情况下，包含可拖动的div）定位。 内容div上的相对位置是为了确保图像后面内容的正确堆栈顺序，否则“背景”成为前景。

你可能不得不考虑一下，如果你想用这个特定的标记来支持IE7来修复jQuery UIresize控件的堆栈上下文，但是我会把它留给你。 希望这会指出你正确的方向。

如果要在resize时保持背景宽高比而不是拉伸它，请考虑绑定一个在resizable的resize事件上调整图像元素大小的函数。