文章/答案/技术大牛

发布

社区首页 >问答首页 >css背景图像不无缝

问css背景图像不无缝
EN

Stack Overflow用户

提问于 2011-09-21 17:10:33

回答 1查看 914关注 0票数 1

我正在使用html5，并试图创建一个粗糙的边缘无缝边界(顶部，边+底部)。

我知道ie8不支持CSS3边界图像。IE8可以追溯到我想要迎合的程度。

所以我使用3div来显示背景图像，唯一的问题是取决于内容的长度，底部的背景图像不能很好地对齐，使得框看起来是无缝的，因为重复的中间图像在边界合并之前被切断。

我在photoshop中用画笔创建了锯齿状的容器。我对此不屑一顾，但却找不到合适的解决办法。

css

html

background-image

border

回答 1

Stack Overflow用户

发布于 2011-09-21 17:59:35

解决方案是为内容区域设置特定的高度增量。这可以通过以下几种方式实现：

如果您的内容主要是文本，则可以将您的线高和/或任何其他已使用元素的高度设置为所需的增量(或其倍数)，并希望达到最佳效果。
如果这不起作用，那么唯一的其他方法就是使用JavaScript。

下面是关于这一挑战的几个讨论，包括一些关于使用线高的想法，还有一些是从可行的JavaScript代码开始的：

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7503808

复制

相似问题

问css背景图像不无缝
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css背景图像不无缝EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css背景图像不无缝
EN