有人可以在 CSS 方面帮助我吗?我有文本“特色页面”。悬停(鼠标悬停)时, 我应该在它的右边看到一张照片。目前,当我使用以下 Css 时,我会在文本下方得到一张图片。我需要它在文本的右侧更大。
我从来没有在 css 页面上工作过。所以请不要误会我的意思。
<style type="text/css">
#Style {
position:absolute;
visibility:hidden;
border:solid 1px #CCC;
padding:5px;
</style>
我的 javascript 是:
<script language="javascript" type="text/javascript">
function ShowPicture(id,Source) {
if (Source=="1"){
var pos = $('' + id+'').offset();
var width = $('' + id+'').width();
var popupHeight = $(''+id+'').height();
if (document.layers) document.layers(''+id+'').visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
$(''+id+'').css( { "left": (pos.left - width - 272) + "px", "top": (pos.top - popupHeight + 5) + "px" } );
}
else
if (Source=="0"){
if (document.layers) document.layers(''+id+'').visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
我的html是
<td valign="middle" class="table_td td top" style="width: 347px"> <span class="feature_text" style="cursor:pointer;" onmouseover="ShowPicture('Style',1)" onmouseout="ShowPicture('Style',0)" id="a1"> Featured Merchant Ad </span><br /> </td>
<div id="Style"><img src=""></div>
提前致谢!
最佳答案
您可以设置元素悬停事件的样式以显示背景
图像。您可能需要弄乱 边距
才能使其恰到好处地显示
.item
{
border:solid 1px #CCC;
padding:5px;
}
.item:hover
{
background: url(../images/background.png) middle right;
}
关于c# - Mouseover 的简单 Css 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4377177/