我试图创建一个div是在顶位方和流入三角形CSS三角形,创造百分比
广场部分不那么辛苦,工作正常,但三角形的部分是有点困难。 该框需要改变大小与屏幕尺寸,在我通过在宽度和高度使用%做了这个广场,但我不能在边框属性中使用%符号
我在这一刻的代码
HTML
<div id="overV12" class="menuItem" onclick="scrollToT('#overons')" onmouseover="setHover('overV12')" onmouseout="setOldClass('overV12')"><div class="menuInner">Over V12</div></div>
CSS
div.menuItem
{
height: 5.38%;
width: 7.44%;
position: fixed;
background-color: rgb(239, 239, 239);
cursor: pointer;
z-index: 12;
text-align: center;
top: 4.3%;
}
div.menuItemHover
{
height: 5.38%;
width: 7.44%;
position: fixed;
cursor: pointer;
z-index: 12;
text-align: center;
top: 4.3%;
background-color: rgb(211, 211, 211);
}
div.menuItemActive
{
height: 7.8%;
width: 7.44%;
position: fixed;
cursor: pointer;
z-index: 12;
text-align: center;
top: 4.3%;
background-color: Black;
color: White;
}
中的JavaScript用于设置类:我这样做是因为我使用的是parralax李brary并希望设置按钮上的“活跃”在一定的高度
我希望有人能帮助我(也许还有其他人)这个问题
的jsfiddle example 我的想法是,当DIV设置阶级menuItemActive,这将有箭头,否则不 这是只有当它被设置在主动
你能提供代码样品通过jsFiddle? – 2013-03-26 15:10:47
完成,我在问题正文 – 2013-03-26 15:17:23
编辑,你也可以检查这个答案为一个响应三角形:http://stackoverflow.com/a/24808936/1811992 – 2014-11-24 08:19:45