我基本上创造了一个指向右边的大箭头。
<div style="
font-size: 0px; line-height: 0%; width: 100px;
border-bottom: 80px solid #8cb622;
border-right: 62px solid #dadbdf;
"></div>
<div style="
font-size: 0px; line-height: 0%; width: 100px;
border-top: 80px solid #8cb622;
border-right: 62px solid #dadbdf;
"></div>
现在我知道这不是“合适的”，但我现在正在测试。
我想知道是否有一种方法可以使用这种边框技术，并且仍然以某种方式在箭头的前下边缘放置一个投影。我正在考虑在它下面放置另一个div，但是为了使这项技术起作用，其他边界需要可见。
如果使用边框技术无法完成此操作，我会强制使用图像作为此箭头的前面。
由于
答案 0 :(得分：0)
我相信它是box-shadow，但可能会认为它适用于盒子模型，可能不会计算边框创建的几何体。
答案 1 :(得分：0)
您可能需要考虑使用Canvas来实现这一点，它可以很好地跨平台工作，并且ExplorerCanvas包含在MSIE兼容性中（当然在WebKit＆amp; Gecko中本身支持）。