手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >bgiframe插件解决IE6 DIV档不住下拉选择框
bgiframe插件解决IE6 DIV档不住下拉选择框
摘要:bgiframe插件用来轻松解决IE6z-index的问题,如果网页上有浮动区块和下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住...

bgiframe 插件用来轻松解决 IE6 z-index 的问题,如果网页上有浮动区块和下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住,无论怎么调整 z-index 都是没用的,而用 bgiframe 就可以轻松解决这个问题。

使用方法:

$(document).ready(function() {

$('#floatingBox').bgiframe();

});

DIV层遮罩效果原理:

使用一个比需要被遮罩的div层大一些的透明的另一个div层覆盖掉需要被遮罩的div层

这样就不能对底层 div里的内容进行操作了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<div id="ly">

</div>

<div><input type="text" value="ddd" /></div>

</body>

</html>

【bgiframe插件解决IE6 DIV档不住下拉选择框】相关文章:

IE下去掉iframe边框兼容IE7IE8IE6以下

利用CSS的Clip属性来创造多彩文字

css中使input输入框与img(图片)在同一行居中对齐

CSS换行详解

CSS垂直居中和水平居中方法总结

css clear之清除区域

VB中Byval和byref的区别

CSS基础教程:Class以及ID选择器

通过浮动+定位实现两个div在同一行

CSS 标签属性

精品推荐
分类导航