如何在嵌入对象上获取光标:指针
本文关键字:获取 光标 指针 对象 | 更新日期: 2023-09-27 17:56:29
1) 我正在尝试将透明图像放置在嵌入对象上。我在某个地方错过了相对和绝对的位置。但是在哪里呢?
我实际上是放置透明图像,因为我不能对嵌入的对象使用cursor:pointer
。所以我的想法是放置一个透明的图像并使用cursor:pointer
.
2)为什么onclick
在IE中不起作用?它在Firefox和Chrome中工作正常。
<div id="divmarquee" runat="server" >
<img id="imgtrans" runat="server" src= "/images/480x75-blank-transparent" title="Click Here" style="position:relative" />
<object width="475px" height="75px" onclick="window.location='http://www.google.com'; return false;">
<embed src="merchant_images/The_Marquee_Dealn.swf" type="application/x-shockwave-flash" style="z-index: 0; cursor:pointer" wmode="transparent" width="475px" height="75px">
</embed>
</object>
</div>
提前感谢!
使用给定的代码,将位置值添加到#divmarquee
position: relative
,并将位置更改为position: absolute
并在#imgtrans
上添加cursor: pointer
:
#divmarquee { position: relative; }
#imgtrans { position: absolute; cursor: pointer; }
看这里: http://jsfiddle.net/blineberry/pJZ2t/
在上面的代码中,您添加了光标:指向嵌入标签的指针。请尝试将其移至图片代码。
将光标:指针样式应用于divmarquee。
对于您的点击问题,请尝试以下操作:
首先,尝试
onclick = function(){window.location='http://www.google.com';return false;}
然后尝试将其更改为:
onclick = window.location.href='somesite'
您也可以尝试:
onclick = document.location='somesite'
如果这不起作用,请尝试:
var el = document.getElementById("imgtrans").firstChild;
if (el.addEventListener){
el.addEventListener(
'click',
function(){
window.location='http://www.google.com';
return false;},
false); //Decent Browsers
}
else if (el.attachEvent){
el.attachEvent(
'onclick',
function(){
window.location='http://www.google.com';
return false;
}
);
}//IE
其中之一将起作用
<div id="divmarquee" runat="server" style="z-index: 1; position:relative; cursor:pointer">
<div style="z-index: 0; position:relative">
<object width="475px" height="75px" onclick="window.location='http://www.google.com'; return false;">
<embed src="merchant_images/The_Marquee_Dealn.swf" type="application/x-shockwave-flash" wmode="transparent" width="475px" height="75px">
</embed>
</object>
</div>
</div>
当您
将对象包装在 html 超链接中时,cursor: pointer
将起作用。