jQuery 1px 内衬覆盖

Question

只是想知道我是否可以这样做：

我将有一个顶部和底部重叠的图像，该图像倾斜以使图像看起来以一定角度向上延伸。

然后我想运行一个函数，在图像的整个长度上均匀地间隔（大约 8px）添加 1px 高的白线，就像一个屏幕一样。

所以第一行将在图像的宽度上从顶部开始 8px，然后从顶部开始下一个 16px，依此类推。

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

谢谢

Answer 1

您可以使用 CSS3 Transforms skewY() 方法。 This 是浏览器当前的支持。你可以编写一个小脚本，创建一个高 1px 的 div，每 8px 有一个白色背景。

但如果知道将使用什么图像（或图像），您可能应该使用一些图像处理软件（如 Photoshop）将它们倾斜并添加这些线条，然后像这样在您的网站中使用它们。或者，如果您不知道将使用哪些图像，但您知道尺寸，则应该使用这些白线（透明背景 PNG）制作图像并将其放在倾斜图像的顶部。