下午好！
我有一个三角形滑块设计，但没有 HTML： 底部的三角形滑块设计
它是如何运作的：
- 如果您将鼠标悬停在幻灯片（三角形）上，则幻灯片会像这样增长
- 如果您单击它，则会打开一个灯箱
- 如果您单击灰色的下一个/上一个箭头，则会出现另一组 6 个图像
我试过用
- CSS边框三角形+边框图像
- 向前旋转单个三角形图像并向后旋转它们的容器
- 悬停并单击的地图标记
但没有真正的解决方案。我感谢任何人的帮助。
问问题
1979 次
3 回答
3
你想做的事情可以通过 CSS3 实现。
必须考虑到它不会是旧浏览器的三角形。
因此，您首先开始以方形形状构建滑块。第二部分是旋转方块，隐藏一半，然后......
我将我的一个 dabblet 复制到 liveweave.com，所以如果你愿意，你可以在 IE8 中打开它：http: //liveweave.com/UU2oOZ
这不是你的解决方案，这个菜单是垂直的），但它是一个可以帮助你开始的例子。
于 2013-06-13T18:43:45.580 回答
1
如果上面的链接是您正在寻找的，您也可以只使用已经是三角形的透明 png，然后使用绝对定位使元素重叠。这不像使用 CSS3 那样优雅，但它是浏览器支持的通用解决方案。我认为我们需要有关您希望完成的任务的更多详细信息。
于 2013-06-13T20:03:38.067 回答
1
你是想让整个平行四边形来回滑动，还是单个三角形图像？也许如果您有下一张幻灯片的示例，那会很有帮助。
于 2013-06-13T18:08:52.590 回答