我想实现的是坐落于此：http://www.ppp-templates.de/tilability/ ..你看到的滑块，其中的箭头应该是附近的左，右三角形...如何使背景透明并在div的左右部分创建三角形？
现在我有一个DIV在这里设置，与白色背景http://teothemes.com/wp/。在该网站使用的背景图像，但我想通过CSS做
相关的东西在这里，页脚三角：Make a CSS triangle with transparent background on a div with white bg image?
我试图做同样的事情，但它没有工作..
任何帮助是极大的赞赏。
您可以做的第一件事是创建两个与网站背景相同背景的正方形，然后使用带有供应商前缀的transform: rotate(45deg)将它们旋转45deg。然后只需将内容div的overflow设置为hidden即可。
事情是这样的，我刚刚创建：http://cssdeck.com/labs/hggee4eg
解释此过程中被证明是相当困难的，所以我创建了一个小提琴它经过各用一个小传奇，实现这一点，每个所需的步骤。
这里的小提琴 - http://jsfiddle.net/NXmge/3/
编辑 - 我误解了这个问题。下面是解决实际问题的小提琴：http://jsfiddle.net/joplomacedo/UJyAY/
上一个小提琴仍然很有用，因为它有助于理解我在第二个小提琴上所做的。我也会尽快更新我的答案，因为我可以直接包含我做过的一般性解释。
根据您hopeing什么样的跨浏览器兼容的实现，有几个不同的CSS3类型选项，可以让你通过旋转45度的元素。
但是，您链接到的例子只是使用一个大背景图象与图形已经就地：没有什么从它设置为容器的背景与CSS实现那里全部拆开。
你是否也包括在你的答案*答案*？这样，当JS小提琴下一次崩溃时，你的答案仍然有用。外部网站适合示范，但答案本身应该是独立的，以防止链接腐败。 – 2012-07-08 13:40:50
是的，我通常这样做。匆忙。给我5分钟，我会更新我的答案。 – banzomaikaka 2012-07-08 13:41:24
感谢您的答复，但我想你是误会我:(页脚是蛮好的，我期待实现滑块相同的结果，但这次是在网页 – FinalDestiny 2012-07-08 15:55:14