safari浏览器display:none;但是依然显示的处理办法

最新推荐文章于 2024-05-30 11:30:45 发布
最新推荐文章于 2024-05-30 11:30:45 发布
阅读量3.2k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_15697653/article/details/88637578

需要看一下在切换为display:none前，display是否为contents，如果是的话，改为display: block;

小辞824
关注
前端4-8-1：Doctype、display、visibility、opacity、全局属性、事件与方法
Yummy的博客
04-10 1297
1、下面有关html Doctype的描述，说法错误的是？ A、它的责任就是告诉浏览器文档使用哪种html或者xhtml规范 B、不同文档模式主要影响CSS内容的呈现，尤其是浏览器对盒模型的解析 C、不同浏览器在混杂模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言。 D、如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启严格模式 【解析】 D：Doctype不存在或错误，浏览器默认混杂模式 【知识点：Doctype】 DOCTYPE文档类型.
Cocos Creator safari浏览器横屏全屏如何隐藏地址栏?
热门推荐
qq_25076715的博客
05-21 1万+
safar浏览器中只有一个Creator网页,横屏后会自动全屏,但是如果有多个网页,Creator网页横屏后safar浏览器无法全屏.关于此问题,解决文案如下,供大家参考 一、将项目打包,找到打包出的index.html文件,在html文件里,添加一个div标签和一个文本提示,代码如下: <body> <canvas id="GameCanvas" oncontext...
Safari 不支持 <option> 用 display: none 隐藏
猿海无涯，码农无边
03-13 903
1. 环境： macOS 版本：10.15.3 Safari 版本：13.0.5 2. 问题描述： 如题，就是个兼容问题 3. 解决办法： 写一个方法，根据条件返回重构后的 options。
奇怪的safari：0像素的iframe不能被display:none的div圈住隐藏
LENEL的砖篮
09-29 4996
0x0的iframe在ie下没有任何显示，而FireFox浏览器上却会显示一个黑点。很多web2.0应用在FireFox下都有那一个个的黑点。我尝试用来隐藏黑点。在firefox下效果很好，但在safari下出现了大的问题：原有iframe的功能失效了，无法访问到被隐藏的iframe的src属性。终于隐隐明白为什么黑点会始终存在。但是这是个不该发生的问题，display是一个CSS样式而已，影
display：none会不会导致其所占空间消失？
weixin_54681929的博客
04-28 2831
display：none；的验证结果是该元素所占空间消失，验证例子为： <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> div{ width:500px; height:500px; } .num1{ b
ul下的display: none;无效和用Bootstrap的图标不显示
眾K的博客
09-01 1108
1.在@media screen and (max-width:500px){ .nav_ul{ display: none; } } ul不消失。解决，在ul外再加一个div 2. 图标显示不出来可能没引CSS，或者没放fonts文件
元素设置为display:none，其绑定的事件仍存在
weixin_30699463的博客
10-04 1101
　　元素设置为display:none，虽然该元素从页面中消失了，其绑定的事件仍存在。 　　 <body> <button class="button1">change1</button> <button class="button2">change2</button> <button clas...
ul::-webkit-scrollbar { display: none; /* 隐藏滚动条 */ }设置滚动条样式
03-14
好的，用户问的是关于这个CSS代码`ul::-webkit-scrollbar { display: none; }`设置滚动条样式的问题。首先，我需要确认用户的需求是什么。他们可能是在网页开发中遇到了滚动条影响界面美观的问题，想要隐藏滚动条但...
el-cascader 在safari浏览器中不显示下拉选项
最新发布
07-15
我们正在解决Element UI的el-cascader组件在Safari浏览器中下拉选项不显示的问题。 根据经验，这个问题可能是由于Safari浏览器的一些兼容性问题导致的，特别是与CSS样式或z-index有关。 常见的解决方案包括： 1. ...
broadhreach-display:广泛运作系统的幻灯片放映
03-26
`display: none`则可以隐藏元素，而`display: flex`或`display: grid`则用于创建灵活的布局。 2. **跨平台兼容性**：幻灯片可能会强调CSS在不同操作系统（如Windows、macOS、Linux等）和浏览器（Chrome、Firefox、...
页面刷新时，属性为display:none的标签会短暂的出现，然后再隐藏
qq_43654065的博客
12-21 1573
原因： 这是因为页面在加载时，元素的样式还没有应用上去导致的。 解决方法： 设置元素的内联样式为displya:none； 使用mouseenter和mouseleave代替hover，在mouseenter和mouseleave中去改变display的值； 查看.css文件是不是放在</body>下面，试着把.css文件放在<head></head>中。 ps: 博主使用了第一种方法，但是没有直接在标签中写入style，而是直接引用了v-cloak，因为v-cloa
＜a＞标签置灰后仍可以点击
qq_43648126的博客
05-30 450
要确保按钮在被禁用时无法点击，可以在按钮组件中添加disabled属性并根据record对象的属性值来动态设置该属性。在代码中已经有对disabled属性的设置，但可能存在一些问题导致按钮置灰后依旧可以点击。
设置display:none是否会触发http请求？
小柒的前端之旅
12-25 1704
题目 下面哪些选项会触发http请求： A: <textarea><img src="pic.jpg" style="display:none;" alt="my home"></textarea> B: <textarea style="display:none;"> <img src="pic.jpg" style="visibility:...
safari 遇到的坑
qq_21916259的博客
05-17 1169
虽然Safari和chrome的内核都是 webkit 内核，但是两个浏览器还是有一些细微的差别，这次项目中遇到了一些，就在这里记录一下，避免下次再遇见。后面再遇见新的问题，会继续更新。 一、获取时间戳的问题 必须将时间格式转换成 YYYY/MM/DD 才能获取到，否则会得到 Invalid Date 二、关于MP4的问题 1、Safari浏览器下不能播放MP4的视频 2、使用elem...
解决 chrome 浏览器对 div 的 display : none 不支持
Oo小白
12-12 9935
试了很久，发现在style设置display：none的时候，IE是可以的，但是chrome不行 测试测试 在chrome下，“测试测试”这几个字还是占位置的，即时display：none不起效，最后将代码改成下面这样才可以。 测试测试 个人认为，chrome浏览器下，只要div还有内容，display：none就不起效，所以要将di
IE浏览器不支持display:none导致option不能隐藏的问题
韦观松のBóKè
04-28 1万+
项目场景：级联的select元素，根据一级select的选择，二级select中的option选项需要对应的隐藏或显示。 原来的做法是display:none和display:block来隐藏和显示option，option中通过自定义属性data-category过滤，控制option的隐藏或显示，结果在IE浏览器中并不能达到想要的效果，通过网络查找，是因为IE浏览器不支持display:no
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值