背景图像自动调整大小表格单元格

你好我正在建立一个新闻的信，现在信件的一个要求是背景图像的一些TD 现在我需要使图像调整大小，因为他们的父母TD是调整大小，即如果表格的宽度设置为50％或500或任何其他值，我需要的背景图像调整大小以适应新的宽度任何想法:)背景图像自动调整大小表格单元格

来源

2011-03-01 user639215

可否请你发布一些代码和使用样式，它很难理解你需要什么。 – JackLeo 2011-03-01 11:17:52

有了CSS3，你可以用background-size属性调整你的背景感谢：

将这添加到您的CSS将在最新的浏览器中将背景延伸至100％宽度和100％高度。

td {background-size: 100% 100%;}

这可能不利扭曲图像。然而，这样你可能会更喜欢使用只是background-size: 100%;其设置宽度为100％，高度为自动。

为了支持稍旧的浏览器，你将需要使用供应商前缀，像这样：

-moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */ 
-o-background-size: 100%; /* Opera 9.5 */ 
-webkit-background-size: 100%; /* Safari 3.0 */ 
-khtml-background-size: 100%; /* Konqueror 3.5.4 */ 
-moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */

上面的例子is from this site，以及完整的规范是在这里 - http://www.w3.org/TR/css3-background/#the-background-size

来源

2011-03-01 11:49:07 ajcw

背景图像自动调整大小表格单元格

回答

相关问题