`
jy00509336
  • 浏览: 243577 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

能盖住Select的Div

HTML
阅读更多 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
</head>
<body>
<div style="z-index:10;position:absolute;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=100;" onmouseout="this.style.height=18;">
<iframe  style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;" frameborder="0" src="about:blank" mce_src="about:blank"></iframe>
<div style="background-color:#cccccc;" mce_style="background-color:#cccccc;">aaaaaaa<br>bbbbbbb<br>ccccccc<br>ccccccc<br>ccccccc<br>ccccccc</div>
</div>
<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</select>
<br>
<pre>
Div被Select挡住，是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构，互动性不大好。
这里采用的方法是：
虽说div直接盖不住select
但是div可以盖iframe，而iframe可以盖select,
所以，把一个iframe来当作div的底，
这个div就可以盖住select了.
</pre>
</body>
</html>
 
分享到：
| select挡住div的5种解决方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Div 制作的SELECT

    用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...

    select ——使用DIV 实现 Select

    select ——使用DIV 实现 Select js源码

    div模拟select实用版

    通过查看和学习这些代码，你可以更好地理解如何用`div`模拟`select`的完整流程，并能将其应用到自己的项目中。 总之，`div`模拟`select`是一种提高用户体验和设计灵活性的技术，它结合了HTML、CSS和JavaScript的...

    div+css模拟select

    1. **响应式设计**：确保模拟的select在不同设备和屏幕尺寸上都能正常工作。 2. **键盘导航**：为了符合无障碍标准，应支持使用键盘的上下箭头进行选项切换，并通过Enter键选定选项。 3. **优化性能**：避免在大型...

    div+css select效果

    总的来说，使用`div+css`实现的`select`效果可以提供更加一致且美观的用户体验，同时通过合理的浏览器兼容性处理，确保在多种浏览器环境下都能良好运行。这不仅提升了页面的整体视觉品质，也使得网站的交互更加友好...

    Div实现仿SelectDemo

    总结来说，“Div实现仿SelectDemo”是一个使用jQuery实现的Select插件，它利用Div元素替代了原生Select，提供了更强大的样式控制和交互体验。通过阅读和分析`myselect`中的代码，你可以学习到如何编写这样的插件，并...

    解决IE6 中select 穿透 div 等层的问题

    在互联网的早期，Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器，但它的兼容性和渲染机制存在诸多问题，其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现，但在IE6中，`...

    div 模拟select 单选

    select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可，参数传相关背景图片就可。我都已经放到资源包下了。

    div模拟select自定义下拉列表框（jQuery）

    `div模拟select自定义下拉列表框`是一种常见做法，它利用JavaScript（如jQuery）和CSS来实现，可以提供比原生`&lt;select&gt;`元素更丰富的样式控制和交互体验。本篇将详细介绍这种技术及其应用。 一、为什么使用div模拟...

    select实现div图层切换效果（jquery实现）

    在网页设计中，有时我们需要通过不同的交互方式来切换页面上的元素显示，比如通过下拉框（select）的选择来改变div图层的展示。本示例就是利用jQuery库来实现这样的功能，使得用户在select中选择不同的选项时，对应...

    div 模拟 select 多选

    div 模拟 select 多选 实现还有点bug，望大家一起改正。

    div模拟下拉菜单(select)jquery插件.gz

    传统的HTML `&lt;select&gt;` 元素虽然简单易用，但其样式定制性有限，不能很好地适应现代网页的视觉需求。为了解决这个问题，开发者常常使用`div`元素配合CSS和JavaScript来模拟下拉菜单，以实现更加灵活和美观的效果。在...

    解决IE6中 Div层挡不住Select组件

    "解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子，它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中，我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序，从而让某些元素...

    DIV模拟select下拉框

    "DIV模拟select下拉框"就是一种利用JavaScript库，如jQuery，来实现这一目标的技术。它通过用CSS样式化的DIV元素替换原生的SELECT元素，从而提供更灵活的外观和交互体验。 标题中的"DIV模拟select下拉框"意味着我们...

    解决div总是被select遮挡的问题.rar

    在网页设计中，有时会遇到一个常见的问题，即`div`元素被`select`下拉框遮挡。这个问题主要源于浏览器的默认样式和渲染机制。`select`元素通常具有较高的Z轴顺序（z-index），因此它会覆盖其他层叠元素，如`div`。在...

    divcss模拟select

    divcss模拟select 下拉框 select 改变样式

    用div+jq高仿ie6的select表单随内容增加-2012-11-1

    用div+jq高仿ie6的select表单随内容增加 进行了一个升级，将其做成一个类似插件的形式； 在html中，依旧是应用传统的select进行布局，只需要给select一个class为toDiv，就可以动态的将select替换为已经设置好了的div...

    ie6下select遮挡div

    bgiframe插件会在被遮挡的元素上创建一个背景iframe，通过这种方式，即使在select控件存在的情况下，也能保持元素的可见性。 "postition"标签暗示了问题的核心在于元素的位置布局。在CSS中，position属性用于设置...

    DIV+CSS+JS仿Select下拉表单

    【标题】"DIV+CSS+JS仿Select下拉表单"是前端开发中常见的一个技术实践，它旨在通过HTML的`&lt;div&gt;`元素、CSS样式和JavaScript脚本，实现一个功能与原生`&lt;select&gt;`标签类似的下拉选择器。这种自定义下拉表单在界面设计...

    ie6下select覆盖div的解决办法

    在IE6浏览器中，由于其独特的布局模型，经常会出现Select元素覆盖Div元素的情况，这个问题让很多前端开发者头疼。本文将详细解析这个问题的原因，并提供多种有效的解决办法。 首先，我们需要了解问题的根本原因。在...

Magicbox
Global site tag (gtag.js) - Google Analytics