2

カスタム ツールチップを作成しようとしています。私はHTMLとCSSに比較的慣れていません。問題は、ツールチップに関するチュートリアルに従ったことですが、ホバー時にツールチップが二重に表示されることです。カスタム ツールチップとストック ツールチップが一緒に表示されます。カスタムだけ見たい。

HTML:

<button class="tooltip" title="Site1 tooltip." id=main1 type="button" onclick="loadData(1)">
    <img src="Images/Icon.png" width="68" height="68"/>
</button>

CSS:

.tooltip{
    display: inline;
    position: relative;
}


.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: attr(title);
    left: 50%;
    position: absolute;
    z-index: 99;
}
4

4 に答える 4

1

解決策を見つけました！

タイトル属性を削除します - @Robert

そしてcssで：

content: "My content";
于 2013-08-21T07:00:14.527 に答える