-1
爲什麼我看到銀色的工具提示?以及如何隱藏或刪除它?隱藏工具提示的銀色提示jquery
我正在使用jquery-1.10.2版本。
圖片現在是: 我想隱藏我的黃色框周圍的銀色。 這是它的外觀。
我的CSS代碼:我在那裏使用提示
.ui-tooltip {
background: #666;
color: white;
border: none;
padding: 0;
opacity: 1;
}
.ui-tooltip-content {
position: relative;
padding: 1em;
background-color: #ffff00;
}
.ui-tooltip-content::after {
content: '';
position: absolute;
border-style: solid;
display: block;
width: 0;
}
.right .ui-tooltip-content::after {
top: 18px;
left: -10px;
border-color: transparent #666;
border-width: 10px 10px 10px 0;
}
.left .ui-tooltip-content::after {
top: 18px;
right: -10px;
border-color: transparent #666;
border-width: 10px 0 10px 10px;
}
.top .ui-tooltip-content::after {
bottom: -10px;
left: 72px;
border-color: #666 transparent;
border-width: 10px 10px 0;
}
.bottom .ui-tooltip-content::after {
top: -10px;
left: 72px;
border-color: #666 transparent;
border-width: 0 10px 10px;
}
代碼:
<img title="Tooltip on left" style="border: 1px solid black;" id="@(Model.Id)@(pegiPicture)" src="@Url.Content("~/Images/Pegi/" + pegiPicture + ".png")" width="@(pegiInfo)" height="@(pegiInfo)"/>
<script>
$(document).ready(function() {
var position = { my: 'left center', at: 'right+10 center' };
position.collision = 'none';
$('img[title]').tooltip();
$('img[value="right"]').trigger('change');
$('img[title]').tooltip('option', 'position', position);
$('img[title]').tooltip('option', 'tooltipClass', 'right');
});
</script>