javascript - 在表格单元格中自动调整背景图像

标签 javascript jquery css

你好 我现在正在制作一封新闻信,这封信现在的要求是将背景图片提供给某些 TD 现在我需要调整图像大小,因为它们的父 TD 已调整大小,即如果表格宽度设置为 50% 或 500 或任何其他值,我需要调整背景图像大小以适应新宽度任何想法 :) 谢谢

最佳答案

使用 CSS3,您可以使用 background-size 属性调整背景大小:

将此添加到您的 CSS 将在最新的浏览器中将背景拉伸(stretch)到 100% 宽度和 100% 高度。

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

然而,这可能会使图像发生不希望的倾斜,因此您可能更愿意只使用 background-size: 100%;,它将宽度设置为 100%,将高度设置为自动。

要支持稍旧的浏览器,您需要使用 vendor 前缀,如下所示:

-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

关于javascript - 在表格单元格中自动调整背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5153739/

相关文章:

javascript - 使用 React 寻找更好的解决方案来根据窗口大小移动按钮

javascript - 此 Bootstrap 按钮下拉菜单不起作用。但为什么?

c# - 只需一键即可做出两个决定

javascript - 如何在 jQuery 图像 slider 中播放视频?

javascript - 谷歌地图Javascript无法获取用户的坐标

javascript - 由于 jQuery 代码导致网页崩溃

jQuery Ready() 问题 - $(this) 不可用且代码仅适用于一个元素

javascript - 使用 getImageData 从 Canvas 获取像素的颜色给出错误的颜色

javascript - 使用 JQuery 设置包含 A href 值的*所有* IMG src 值

css - float div 中的文本