poshytip插件在IE6中,被select遮罩问题

本文介绍了一种解决Poshytip插件在IE6浏览器中被Select下拉框遮挡的问题的方法。通过修改Poshytip.js文件并引入poshytipExt.js脚本来实现对IE6的兼容,确保提示框正常显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    poshytip 插件简单好用,美中不足是在IE6中会被select下拉框遮盖 

    可将如下脚本在poshytip.js之后引入

    poshytipExt.js

(function() {
	// 如果不是 IE6 不需要继续执行
	if(!($.browser.msie && ($.browser.version == '6.0'))) return;
	
	// 去除 IE6 中的动画效果
	$.fn.poshytip.defaults.showAniDuration = 0;
	$.fn.poshytip.defaults.hideAniDuration = 0;
	

	var pprot = $.Poshytip.prototype;
	
	// 重写组件的显示方法
	pprot.poshytipDisplay = pprot.display;
	pprot.display = function(hide)
	{
		// 先调用组件显示方法进行处理
		this.poshytipDisplay.apply(this, arguments);
			
		// 如果是要隐藏,则不再进行处理
		if(hide) return;
			
		// 在 div 下填充 iframe
		var $tip = this.$tip
		  , poshytipIframe = $('#poshytip_iframe');
			  
		// 第一次需要创建用于遮罩的 iframe
		if(!poshytipIframe.length) 
			poshytipIframe = $('<iframe style="display:none;position:absolute;" id="poshytip_iframe" />').appendTo(document.body);
					
		poshytipIframe.css({
			  width   : $tip.width() + 18
			, height  : $tip.height() + 17
			, top     : $tip.css('top')
			, bottom  : $tip.css('bottom')
			, left    : $tip.css('left')
			, right   : $tip.css('right')
		}).show();
	};
	
	// 重写组件重置方法
	pprot.poshytipReset = pprot.reset;
	pprot.reset = function()
	{
		$('#poshytip_iframe').hide();
		this.poshytipReset.apply(this, arguments);
	};	
})();

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值