IE浏览器版本关于弹窗按钮变形的问题

最新推荐文章于 2022-11-07 10:56:02 发布
最新推荐文章于 2022-11-07 10:56:02 发布
阅读量380 收藏
点赞数
分类专栏： 基础篇 文章标签： ie浏览器不兼容 弹窗按钮 样式变形
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35807697/article/details/75093799
版权

  1. 问题分析
    在一次完成需求的时候，测试测出弹窗按钮在点开时候变形。由于我开发的时候用的IE版本是11，测试用的是IE8导致我这边可以他那边不行。然后我就换了一下IE9的试试发现弹窗按钮还是变形。我用IE11的兼容IE8的发现还是没有问题，发现可能是版本高忽略了一下样式设置的问题。
    变形的图片示例
    这里写图片描述
    完好的图片示例
    这里写图片描述

  2. 问题解决
    由于对那个样式影响不好判断，所以我针对页面可能影响这个的样式进行了尝试。果然发现了是整体页面的div做了悬浮导致的，把这个样式去除这个问题就不存在了。
    样式代码示例
    这里写图片描述

qq_35807697
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
menu4做的菜单在IE7下的变形问题
Merry在记录
06-19 702
用menu4做的菜单，用ie7浏览发现3级菜单位置、高度都变形。开始以为是ie7对某些css不支持，改了半天也没有解决。后来在：http://webfx.eae.net/webboard/?action=display&id=987&group=data/group3这个论坛上找到解决办法。原来是ie7的安全限制。把：“允许脚本初始化的窗口不是受大小和位置控制”启用就好了。
html页面 在ie 浏览器下页面显示变形
李古拉雷
11-20 8317
当遇到在别的浏览器下显示正常，但在ie 下页面变形，style 样式规则都已经写好的情况下。 这时造成这种情况可能是 html 页面头部指定的规则引起的 如果默认的可能是： 只需要改成 告诉浏览器 本页面 使用哪种标准和规范解析。是否满足w3c标准。 现在显示可能就正常了。
vue项目中遇到的棘手的问题（包含IE浏览器的兼容器问题）
qq_38274119的博客
08-27 608
一、由于懒加载，使用elementUI里面的dialog的时候dialog还未被渲染成DOM元素，调用清空表单验证的方法会报错this.$refs[formName].resetFields(); 解决方案：①在open事件回调中进行；②使用slot=‘footer’，dialog的内容是懒加载，但是footer是实时渲染的；③不推荐，可以使用延时器 二、IE家族不支持Promise对象 解决方案： 安装： cnpm install es6-promise 在 main.js 引入 ： polyfill r
解决浏览器缩放时导致的页面布局的变化
热门推荐
youngeffort的博客
07-24 2万+
现象： 正常展示： 缩放展示： 原因： 在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。 缩放实际是改变了盒模型的宽度和高度。 解决： 1、如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性 2、给网页设置固定宽，即最外层父元素 ...
IE下页面样式错乱，其他浏览器正常
aspnetjp的专栏
03-28 7206
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />隐藏<!DOCTYPE HTML>标签
H5页面开发遇到的问题以及解决办法
senyzy的博客
06-15 2341
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...
个人碰到的前端问题总结及解决办法5
qq_41897351的博客
11-07 1452
记录个人自己前端碰到的问题和解决方案，如有问题请指出，看到了会更改，谢谢
ASP.NET弹出窗口技术之增加网站流量方法
无界编程
03-21 2918
作为Microsoft的最新建立动态Web网站的工具,ASP.NET相对于ASP和JSP在改变原始的Web编程方式方面有了长足的长进。它的代码与页面分离技术(CodeBehind)以及完善的Web服务器控件为程序员提供了一个更加符合传统编程的Web服务器端开发方式。但Web编程还是有着与传统编程不相同的特点,这些特点决定了ASP.NET编程中必须以一些特殊的技巧来完成程序要求,弹出窗口正是这类编程
js判断IE浏览器版本过低示例代码
10-26
弄了个很简单的例子判断IE浏览器版本是否过低，注意在IE6和IE7版本较低情况下下才看到它的提示效果，需要的朋友可以收藏下
浅析IE浏览器关于ajax的缓存机制
01-19
IE浏览器对于同一个URL只返回相同结果。因为，在默认情况下，IE会缓存ajax的请求结果。对于同一个URL地址，在缓存过期之前，只有第一次请求会真正发送到服务端。大多数情况下，我们使用ajax是希望实现局部刷新的，...
如何解决vue2.0下IE浏览器白屏问题
10-18
在开发基于Vue 2.0的应用时，遇到IE浏览器（特别是IE9及以上版本）出现白屏问题是很常见的。这个问题通常是由于Vue 2.0不完全支持老版本的Internet Explorer所导致的，因为Vue 2.0主要针对现代浏览器进行优化。下面...
谷歌浏览器js打开IE浏览器.rar
10-26
总之，这个压缩包提供的示例是为了在Chrome中通过JavaScript打开IE浏览器，这在处理旧版Web应用兼容性问题时可能会有用。然而，这种做法并不推荐长期使用，因为其依赖于特定的系统配置和浏览器特性，且不符合Web开发...
win10 win11单独使用IE浏览器的注册方法
最新发布
08-10
win10 win11单独使用IE浏览器的注册方法，win10及以上在特定的场景下无法单独使用IE11浏览器，可以使用更改注册表的方式来独立使用IE11浏览器。
移动端开发常见问题整合
weixin_34384681的博客
02-15 83
随着手机的普及，移动端的开发也成了一个重要的方向，但由于设备的不统一会造成一些兼容性问题， 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960*640分辨率，在网页里只显示了480...
经纬度的正则表达式
qq_35807697的博客
09-04 1万+
经度的范围是0-180，保留6位小数的正则表达式：”^(([1-9]\d?)|(1[0-7]\d))(\.\d{1,6})|180|0(\.\d{1,6})?”维度的范围是0−90，保留6位小数的正则表达式：”(([1−8]\d?)|([1−8]\d))(\.\d1,6)|90|0(\.\d1,6)?” 维度的范围是0-90，保留6位小数的正则表达式：”^(([1-8]\d?)|([1-8]\d
Oracle数据库多重子查询嵌套的坑
qq_35807697的博客
05-25 5488
在Oracle数据库中多重子查询的使用代码如下:SELECT T.*, ROWNUM RN FROM (SELECT B.*, NVL(A.AMOUNT, 0) AMOUNT, V.FULLNAME, DECODE(SHARE_TYPE, 1, '***', 0, '%%%') SHARE_TYPE
ftp服务器和sftp服务器
qq_35807697的博客
04-18 4620
首先，ftp跟sftp是一种传输协议，一种安全，一种不安全。其中经过实践发现要有相对于的服务器才能实现上传跟下载，不能混淆使用。 windows中ftp服务器的建立方法：第一种：系统自带的ftp 开启服务： 建立ftp，映射地址和文件夹 新建用户和密码访问ftp 贴上java类的测试代码： package com.test; import java.io.File; ...
解决IE浏览器的兼容性问题技巧
在Web开发中，IE浏览器的兼容性问题一直是开发者面临的一大挑战。以下是一些主要的IE兼容性问题及其解决策略： 1. **垂直居中问题**： - 使用`vertical-align: middle;`和`line-height`可以实现元素的垂直居中，但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值