IE9无法显示下拉菜单解决办法



IE9无法显示下拉菜单解决办法

不知什么时候IE浏览器突然变成了这样,下拉菜单无法显示(或可以选择,但文字无法显示),


搞了几周,几乎要重装系统了,今天天终于解决了:
1、IE9不支持AJAX编码,所以按F10,选择工具——兼容性视图设置——在兼容性视图中选择所有网站
2、Internet选项——高级——勾选使用软件呈现而不使用GPU呈现.

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
复选框(MultiSelect Dropdown)可以让用户从一个下菜单中选择多个选项。IE11 可以使用 HTML 和 JavaScript 实现这种下复选框。 以下是一个简单的示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>MultiSelect Dropdown in IE11</title> <style> .dropdown { position: relative; display: inline-block; width: 200px; } .dropdown button { width: 100%; padding: 10px; background-color: #fff; border: 1px solid #ddd; text-align: left; cursor: pointer; } .dropdown ul { position: absolute; top: 100%; left: 0; z-index: 999; display: none; padding: 0; margin: 0; list-style: none; background-color: #fff; border: 1px solid #ddd; max-height: 150px; overflow-y: auto; } .dropdown ul li { padding: 10px; cursor: pointer; } .dropdown ul li:hover { background-color: #f5f5f5; } .dropdown input[type="checkbox"] { margin-right: 5px; } </style> </head> <body> <div class="dropdown"> <button>Choose options</button> <ul> <li><input type="checkbox" name="option1" value="Option 1">Option 1</li> <li><input type="checkbox" name="option2" value="Option 2">Option 2</li> <li><input type="checkbox" name="option3" value="Option 3">Option 3</li> <li><input type="checkbox" name="option4" value="Option 4">Option 4</li> <li><input type="checkbox" name="option5" value="Option 5">Option 5</li> </ul> </div> <script> var dropdown = document.querySelector('.dropdown'); var button = dropdown.querySelector('button'); var list = dropdown.querySelector('ul'); var checkboxes = list.querySelectorAll('input[type="checkbox"]'); button.addEventListener('click', function() { list.style.display = list.style.display === 'none' ? 'block' : 'none'; }); checkboxes.forEach(function(checkbox) { checkbox.addEventListener('change', function() { var selected = []; checkboxes.forEach(function(cb) { if (cb.checked) { selected.push(cb.value); } }); button.textContent = selected.length ? selected.join(', ') : 'Choose options'; }); }); </script> </body> </html> ``` 这个示例使用了一个 `<div>` 元素来包含下复选框。其中有一个 `<button>` 元素用来显示当前选择的选项,一个 `<ul>` 元素用来显示选项列表,以及一些 `<li>` 元素用来显示每个选项。每个选项都有一个 `<input type="checkbox">` 元素,用来让用户选择该选项。 JavaScript 部分监听了 `<button>` 元素的点击事件,并在点击时切换显示或隐藏选项列表。同时,它还监听了每个 `<input type="checkbox">` 元素的改变事件,并在每次改变时更新 `<button>` 元素的文本内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值