我想要达到的目的是：http://www.ppp-templates.de/tilability/ ..你看到滑块附近的左右三角形，箭头应该是...
现在我在这里设置div，背景为白色http://teothemes.com/wp/。在该网站上使用了背景图片，但我想通过CSS
来完成与页脚三角形相关的是：Make a CSS triangle with transparent background on a div with white bg image?
我试图做同样的事情，但它没有用..
非常感谢任何帮助。
答案 0 :(得分：2)
您可以做的第一件事是创建两个背景与网站背景相同的正方形，然后使用45deg使用供应商前缀旋转它们transform: rotate(45deg)。然后，只需将内容div overflow设置为hidden。
我刚创建的这样的东西：http://cssdeck.com/labs/hggee4eg
答案 1 :(得分：1)
这里解释过程非常困难，所以我创建了一个小提琴，它完成了实现这一目标所需的每个步骤，每个步骤都有一个小小的传说。
这里是小提琴 - http://jsfiddle.net/NXmge/3/
修改 - 我误解了这个问题。以下是解决实际问题的小提琴：http://jsfiddle.net/joplomacedo/UJyAY/
之前的小提琴仍然有用，因为它有助于理解我在第二小提琴上做了什么。一旦我可以直接包含对我所做的一般性解释，我也会更新我的答案。
答案 2 :(得分：0)
根据您希望实现的跨浏览器兼容性，有几种不同的CSS3类型选项可以让您将元素旋转45度。
然而，您链接到的示例只使用了一个大型背景图像，图形已经就位：除了将其设置为容器背景之外，没有什么可以实现CSS。