jQuery 1px线条覆盖

只是想知道我是否能做到这一点：

我将有一个图像，有一个覆盖顶部和底部是倾斜的，使图像似乎运行在一个角度

然后我想运行一个函数，添加1px高的白线，这些白线均匀分布在整个图像长度的8px上，就像一种屏幕

因此，第一行将从顶部穿过图像的宽度8px，然后从顶部穿过下一个16px，依此类推

任何指向正确方向的东西都会很好

---

谢谢

您可以使用CSS3转换歪斜方法。是浏览器中的当前支持。您可以编写一个小脚本，创建一个1px高的div，每8px有一个白色背景

---

但如果你知道要用什么样的图片，你可能应该把它们倾斜，然后用一些像Photoshop这样的图像处理软件添加这些线条，然后像那样在你的网站上使用它们。或者，如果您不知道将使用哪些图像，但您知道其大小，则应使用这些白线制作一张图像，背景为PNG透明，并将其放置在倾斜图像的顶部。

您可以发布一张您想要做的模拟图像吗？希望这能奏效！。橙色背景实际上是一幅图像，它有一个顶部倾斜的三角形，底部覆盖在顶部，以便使图像看起来被裁剪，然后在上面是水平线。感谢Shi Zem，我真的想避免使用图像覆盖来获得这种效果，我们不知道图像的大小，而且项目也响应迅速，所以不想让小设备下载大png。当然jQuery可以做一个计算，首先找到灵活的包含img的div的高度，然后每8px在顶部放置一个水平的1px div，可能会将这个div附加到一个没有任何内容的div上。我还需要支持IE8，而skew不是。正如我在回答中所说的，使用jQuery计算和添加这些1px div很容易。你的问题是是否可能，答案是肯定的。关于IE8中的偏差，请看以下Q/a：