我为这个问题创建了一个jsFiddle.
a.tip {
position: relative;
}
a.tip span {
display: none;
position: absolute;
top: -5px;
left: 60px;
width: 125px;
padding: 5px;
z-index: 100;
background: #000;
color: #fff;
-moz-border-radius: 5px; /* this works only in camino/firefox */
-webkit-border-radius: 5px; /* this is just for Safari */
}
a:hover.tip {
font-size: 99%; /* this is just for IE */
}
a:hover.tip span {
display: block;
}
Run Code Online (Sandbox Code Playgroud)
<center><a href="http://google.com/" class="tip">Link!<span>Hi its me!</span></a></center>
Run Code Online (Sandbox Code Playgroud)
基本上我在我的网站上有一个工具提示,它出现在我链接的右侧.但是在黑匣子的左侧,我想在指向链接的方框上附加一个三角形,是否可以仅使用CSS执行此操作?就像这样,但在左边
我只是想知道是否有写这段代码的简写方法:
allJobs[0].style.display = 'none';
allJobs[1].style.display = 'none';
allJobs[3].style.display = 'none';
Run Code Online (Sandbox Code Playgroud)
我试过这种方式,但它只隐藏了最后一个值而不是之前的值:
allJobs[0, 1, 3].style.display = 'none';
Run Code Online (Sandbox Code Playgroud)
我真的不能使用经典的for循环解决方案,我不认为因为某些数组元素被跳过并显示出来.谢谢.
编辑: 我有超过3个显示nones我只是想让问题简单,我不是懒得写3行!