我使用jQuery UI Tooltip widget重寫CSS樣式的jQuery UI的工具提示部件
<li>
<div class="i1">
<a href="#inf-1"title="ΕΝΤΟΠΙΣΜΟΣ">
<span class="ui-icon ui-icon-search"></span>
</a>
</div>
</li>
<li><a href="#inf-2"title="ΠΛΗΡΟΦΟΡΙΕΣ"><span class="ui-icon ui-icon-info"></span></a></li>
<li><a href="#inf-3"title="ΕΠΙΠΕΔΑ"><span class="ui-icon ui-icon-copy"></span></a></li>
和我寫了一個基於對他們的榜樣以下CSS和它的作品就像一個魅力:
.tooltip {
display:none;
background: black;
font-size:12px;
height:10px;
width:80px;
padding:10px;
color:#fff;
z-index: 99;
bottom: 10px;
border: 2px solid white;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
但我得到了3-4個工具提示,我想看起來不同(如上面的示例html),所以我將它們包裝在類 中,並執行了此操作:
.i1 .tooltip {
display:none;
background: red;
font-size:12px;
height:40px;
width:80px;
padding:20px;
color:#fff;
z-index: 99;
bottom: 10px;
left: 50px important!;
border: 2px solid white;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}
這絕對沒有什麼。如何覆蓋通用.tooltip以自定義某些工具提示?
在此先感謝
你是什麼意思,通過包裝,是一個包容的元素或只是另一個類適用於工具提示? – 2011-01-24 10:14:56
目前接受的答案非常過時,鏈接已經死亡。查看當前工作信息的最高投票答案 – 2015-07-08 21:11:23