javascript - 在 CSS 中重复图像的一部分

标签 javascript html css background repeat

我想截取图片的一部分,例如图片的中间部分,然后仅在 div 的背景中重复该部分。这甚至可能吗?我想我可以用 javascript 做到这一点,但那样会很麻烦。

从理论上讲,我的问题的答案应该能够从图片中提取单个像素并将其重复成一行,或者作为纯色背景。

有人知道我如何在 CSS 中做到这一点吗?

最佳答案

您可以使用 CSS3 实现此效果 border-image属性(property)。

不幸的是,我不知道有什么方法可以在 CSS2 中执行此类操作。另外,我认为您不能通过 CSS Sprite 来做到这一点,因为 Sprite 不会拉伸(stretch)图像的某些部分——它们只允许您显示图像的某些部分。

史蒂夫

关于javascript - 在 CSS 中重复图像的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/990384/

相关文章:

javascript - HTML5 音频仅在前 3 次访问/加载网站时自动播放

javascript - 当自定义元素中的所有内部绑定(bind)在 Polymer 中准备就绪时,如何获取事件?

css - 有什么方法可以检测浏览器中的 html 功能可用性

javascript - 我怎样才能有两个带有两个 Canvas 的输入文本

javascript - jQuery:隐藏带有点击事件的菜单

css - 将 DIV 格式化为最顶层的面板栏

html - 如何在每行 p :dataScroller 上显示两条记录

javascript - 我如何在 ReactJS 中使用窗口对象?

javascript - 将函数引用传递给函数失败

html - 仅将背景颜色应用于左侧和右侧;排除中间