我希望能够创建一行 DIV，如下所示:
\---------\---------\---------\
\ \ \ \
/ / / /
/---------/---------/---------/
唯一的问题是，每个 DIV 的宽度都是百分比而不是绝对值。 我希望能够使用两个图像创建一个像上面那样的 DIV...
\---+
\ |
/ |
/---+
和...
+--\
| \
| /
+--/
...其中第一个图像与 DIV 的左侧对齐，第二个图像与右侧对齐。然后，在此之上，我想添加一个从西北方向到东南方向的渐变。
我想尝试避免创建一个内部有 3 个独立 DIV 的 DIV，一个用于图像的每个部分，因为我认为 CSS3 正在发展以阻止这个确切的原因，就像过去给一个 div 一个网格一样里面有 9 个 DIV，只是为了添加一个漂亮的外部阴影。
无论如何，有人知道我该怎么做吗？我意识到有背景分层之类的东西，所以我想这是一个开始。
提前致谢:)
最佳答案
关于layout - 将一个 div 剪切为 2 个背景图像，然后使用 CSS3 在顶部分层渐变，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10839529/