ie display none 不生效

2026-08-07

解决Select标签的Option在IE浏览中display:none不生效的问题

页面的Select标签,需要控制Select的Option不需要显示,根据条件来隐藏某些Option选项. 正常情况下使用hide()就能实现,hide()方法实际是给Option加上display属性(display:none),这样就可以隐藏掉Option: 但是IE浏览器下Option(display:none)是不生效的,解决方案是:直接对Option包一层,加Span标签. 例子: 如下图显示:通过第一个Select选择Option来控制是否显示第二个Select的Option选项.

css实现一个写信的格式

一.目标目标实现如下效果: 二.完成 1.分析这个效果看起来很简单,实际上可能并不那么容易实现. 首先是全部东西都居中显示,除了“亲爱的starof”这个称呼的地方.这也是难点,也是本文要重点说的地方. 开始我尝试将“ 亲爱的starof:” 和下面那段文字分别独立成两个段落,一个居左,一个居左.结果当然是不理想的,因为“亲爱的starof”部分其实并不是真正意义上的居左,而是以下面这段文字作为参考的一个居左.现在说说我的实现方法.首先全部文字都用<p>包裹,inline-block显示,

CSS3-box-flex弹性盒布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹性盒布局</title> <style> div { height: auto; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-siz

CSS float的相关图文详解（一）

大家好,作为一个刚入门的小前端,第一次写博客,很是鸡冻.由于涉猎较浅,有些知识可能说的不清楚,或者有什么错误,欢迎留言指正.我的第一篇博客写的关于css的浮动的.想必很多小伙伴特别是刚学的,对浮动有一定的迷惑,当然了,并不是所有初学者都像我一样迷迷糊糊.哈哈,废话不多说,现在谈谈我对浮动的理解,更应该说是总结吧,还是那句话,如果哪里不对,请留言指出,这也是帮助我进步. 历史: 浮动最开始是为了实现文字环绕的效果,也就是说浮动最开始是用来做一些文字混排效果的. 浮动: 元素的浮动是指设置了浮动属

bootstrap3之栅格系统

原理栅格系统的核心就是媒体查询.指定的尺寸都是百分比,也就是流式布局. 查看bootstrap中的源码可以发现,对样式的定义次序全都是依次 xs.sm.md.lg,如: // grid-framework.less: // Common styles for all sizes of grid columns, widths 1-12 .col(@index) { // initial @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@

Mvc中模拟模型

如题,每次研究前台技术都要建数据库.连接,还遇到VS各种版本问题,太麻烦. 写这么一个东西,模仿后台Model,上课的时候研究代码层面的内容.甚好. 数据库类: class myDatabase { public List<Person> t1 { get; set; } public myDatabase() { t1 = new List<Person>(); t1.Add( }); t1.Add( }); t1.Add( }); } } 实体类: public class P

NAT实验

实验内容实验拓扑实验编址实验步骤1.基础配置根据编址表配置,检测ping 2.配置静态NAT在公司网关路由器R1上配置访问外网的默认路由由于内网使用的都是私有IP地址,员工无法直接访问公网,所以需要在R1上配置NAT地址转换,将私有地址转换为公网地址.PC1为公司客户经理使用终端,不仅自身需要访问外网,还需要外网用户能够直接访问PC1.所以分配一个公网IP给PC1做静态NAT地址转换,也就是一对一转换. 配置完成后,在R1可查看NAT静态配置信息命令 display nat sta

css笔记 - flex弹性盒布局

jQuery根据style筛选元素

<div style="display:block;"> <input/> </div> <div style="display:none;"> <input/> </div> 如上的两个input元素,获取两个input元素,常规的按index.id或判断等形式也能实现,但是很麻烦,可以用以下办法 $(".div[style='display:block;'] input"

$().attr() 和 $().css的区别

使用jquery的.attr( )方法去给div隐藏,这样写的 $("#div_id").attr("display","none"),发现并没有生效,但是docunment.getElementById("div_id").style("display","none")就生效了. 而且再调试的时候发现,使用$("#div_id").attr("width&

001_创建一个sidebar切换页面

Table Of Content 准备基本思路实现我们期望实现这样的效果: ![](https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200113093836957-1748170485.gif) 准备这是一个基础的准备,仅仅含有html/css文件. 下载link 这是我们学习制作一个sidebar页面之前的准备,我们接下来只关注js部分的实现. 在以上准备文件中,如果你下载完毕,双击index.html ,然后按F12

设备管理 USB ID

发现个USB ID站点,对于做设备管理识别的小伙伴特别实用 http://www.linux-usb.org/usb.ids 附录: # # List of USB ID's # # Maintained by Stephen J. Gowdy <linux.usb.ids@gmail.com> # If you have any new entries, please submit them via # http://www.linux-usb.org/usb-ids.html # or s

CSS display:inline-block

CSS display:inline-block 在css布局里,我们经常看到代码「display:inline-block; *display:inline; zoom:1; 」,大多人会说上面的代码只是为了兼容 IE6.7 而已,但是它源于什么呢,为什么这么写呢? 1.display:inline-block;的定义设置了inline-block属性后的元素是一个行级的块容器,该元素内部(内容)被格式化成一个块元素,同时元素本身则被格式化成一个行内元素. 直白一点的意思就是:inlin

关于用display：table让元素居中的小结

我们都知道让元素垂直居中有一种简单的方法:给需要居中的元素用一个父级包起来,并给它设置样式:display:table:同时给这个父级设置好高度:再给需要居中的元素一个display:table-cell:vertical-align:middle;这样被设置的元素就可以做到垂直居中,实现代码如下: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">

css3中transition和display的坑

不知道大家做css3动画的时候遇到过这种情景没? 用opacity实现淡入淡出的效果.噢!good!一切正常给个栗子: <!DOCTYPE html> <html> <meta charset="uft-8"> <head> <style> .div1{ background: red; } .div2 { width:100px; height:100px; background:blue; transition:opac

debian 安装svn apache 小记. AuthzSVNAccessFile 不生效问题.

docker 使用docker镜像搭建svn+Apache环境 https://my.oschina.net/u/2006667/blog/637882 1,安装 apache ,svnapt-get install apache2 subversion libapache2-svn 不安装apache 是不能通过http方式来访问的. subversion服务器是不需要apache的,但是可以使用apache,视具体情况来选择. 1.如果只要通过file://或svn://来访

超链接标签a样式生效，取消下划线，文字垂直（上下）居中

直接设置超链接标签a的属性时并不会生效, 需要将display属性改为inline-block, 即style="display:inline-block" 添加标签a时,默认是有下划线的, 如果想要取消则设置,style="text-decoration:none" 如果只设置了行高(height), 则无法设置垂直居中,文字会在标签上方显示. 如果想要垂直居中显示,则还需要设置line-height属性,与height等高即可.

CSS3里的display

默认值:inline 适用于:所有元素继承性:无动画性:否 none: 隐藏对象.与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 inline: 指定对象为内联元素. block: 指定对象为块元素. list-item: 指定对象为列表项目. inline-block: 指定对象为内联块元素.(CSS2) table: 指定对象作为块元素级的表格.类同于html标签<table>(CSS2) inline-table: 指定对象作为内联元素级的表格.类同

display:inline-block

/* inline为行内元素不自动换行,不占用文档流,也就是说你在这个后面写一个元素这个元素会并排显示.block为块元素,单独占一行文档,并可以给这个块元素添加宽高背景颜色.而inline-block是使这个元素同时保持不占文档流的情况下又可以作为块元素来写入 *//* inline-block 的元素既具有 block 元素可以设置宽高的特性,同时又具有 inline 元素默认不换行的特性.当然不仅仅是这些特性,比如 inline-block 元素也可以设置 vertical-align 属

CSS 布局属性(display,float,clear,visibility,overflow,overflow-x,overflow-y)

ie display none 不生效

热门专题