IE11上的calc()无效
在IE11浏览器上，calc()函数无法正常工作的问题是由于浏览器对该函数的支持不完整或存在Bug导致的。calc()函数是CSS3中的一个功能强大的计算函数，它允许在CSS属性中使用数学表达式来动态计算值。
在IE11中，calc()函数在某些情况下无效可能是由于以下原因之一：
- 不支持某些数学运算符：IE11可能不支持某些数学运算符，如除法、乘法或取余运算符等。如果在calc()函数中使用了这些运算符，它可能会导致函数无效。
- 不支持长度单位的混合使用：IE11可能不支持在calc()函数中混合使用不同的长度单位，如像素（px）、百分比（%）或视口单位（vw、vh）等。如果在calc()函数中混合使用了这些单位，它可能会导致函数无效。
- 不支持复杂的嵌套表达式：IE11可能无法处理复杂的嵌套表达式，如嵌套的calc()函数或多重计算表达式等。如果在calc()函数中使用了这些复杂的表达式，它可能会导致函数无效。
解决该问题的方法之一是使用其他方式替代calc()函数，例如使用固定的像素值或百分比值来设置元素的宽度或高度。
如果您在使用calc()函数时遇到了问题，建议您检查您的CSS代码，并尝试使用其他方法来达到相同的效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- CSS3 calc()函数参考文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc
相关·内容
1回答
IE11上的calc()无效
、、、、
为什么IE11不能计算这个？我从控制台中看到它发现它是无效的(在编译的样式中，它带有红色下划线) h6 { ... ...);} calc是从scss编译而来的，它们是多个嵌套变量(每个变量都包含一个calc)的结果。如果问题是嵌套calc()，我如何强制Sass删除内部calc()函数？CSS (就像前面发布<e
浏览 69提问于2020-10-10得票数 1
我正在使用Sass，并试图让一些动画在IE11中工作(它们在Chrome中工作得很好)。我有一组时序变量，通过calc函数级联并管理每个变量。，并以红色高亮显示无效的css。它不会抱怨，也不会按照自己的意愿行事更新
经过一番周旋之后，我认为这是由于试图在计算中使用秒。不知道为什么
浏览 3提问于2017-02-21得票数 3
回答已采纳
目前，我正试图在一个calc()中使用CSS calc()函数，但是我没有任何运气。transform: translate((calc(100vw/4))px, (calc(100vh/8))px) scale(1.333)
这是不可能的，还是我的语法在这里都错了？
浏览 9提问于2015-04-23得票数 1
回答已采纳
2回答
对于线性梯度，IE11和calc()函数，我有一个问题。
这个代码片段在Chrome和IE11上的行为有所不同。background: linear-gradient(to top right, transparent calc(50% - 1px), #ccc, transparent calc(50% + 1px
浏览 1提问于2019-05-03得票数 0
回答已采纳
1回答
在IE11中，有没有办法让css calc函数像下面这样使用偏移量呢？这在IE11中不起作用： div:nth-child(1) {} 静态百分比的作用是
浏览 26提问于2019-09-18得票数 2
回答已采纳
1回答
关于calc函数。background-position: calc(100% - 10px) center;但是为什么下一段代码不能在IE11上工作呢==========do不工作于IE 11 =============-_
浏览 0提问于2018-09-18得票数 0
回答已采纳
1回答
我的网页需要在现代浏览器(如Chrome )中工作，但也需要在较旧的浏览器(如IE11 )上工作。其中大部分都能工作，但是当我尝试使用calc (left: calc(50% - 40px);)在容器父calc (left: calc(50% - 40px);)的中间放置一个按钮时，它不会在IE11下面是我的CSS代码： position: fixed;
width: 3
浏览 1提问于2019-05-17得票数 0
回答已采纳
3回答
我正在处理的一个登录页面会在输入字段中输入一些文本时在文本输入上方浮动一个标签，这在大多数浏览器中都很有效，但在IE11中似乎不起作用。我假设这与IE与"placeholder-shown“的兼容性问题有关，特别是下面这几行： .form-label-group input:not(:placeholder-shown) { padding-bottom: calc(0.75rem / 3
浏览 25提问于2019-05-03得票数 0
回答已采纳
我有一个Angular应用程序，它也应该在IE11中工作:我如何编写一个等效于以下指令但对IE11也有效的应用程序？overflow-y: overlay;
max-height: calc(100vh - 195px);
浏览 7提问于2020-01-20得票数 2
absolute; right: 0; background-image: linear-gradient(5deg, #fdfdff calc(50% - 1px), transparent 50%);<div class="content tilt">
似乎IE11在理解calc() css属性时遇到了一些问题。我以这种方式使用线性梯度的calc
浏览 0提问于2017-05-17得票数 3
1回答
在其中一个布局中，我想要三个等宽的列。为此，我使用设置列宽。这在现代浏览器中运行得很好，但当然在IE中它不想工作。这是我的代码：.container { margin:0 auto;} flex:1 0 calc(100% / 3);<div class="container"> <d
浏览 0提问于2018-10-05得票数 6
回答已采纳
问题是，它不能与目标系统上唯一支持的浏览器IE11一起工作。IE11调试链接： margin: 0; width: 100px;}animation: y 7s linear infinite alternate; 100% {
浏览 0提问于2018-10-04得票数 1
回答已采纳
1回答
在IE上反应下垂
、、、
我刚刚开始使用react，在IE11中显示下拉插入符号(箭头)有问题。我使用的是react工具箱，它可以在Chrome和Firefox中看到。经过一些调查，我认为这是渲染的一个问题: IE11中的After元素和我添加了
import ReactDropdown from 'react-toolbox/lib/dropdown'
<div className=&
浏览 0提问于2018-07-16得票数 0
我最近遇到了一个非常有趣的bug(?)我的css包括：计算的css显示：情况就是这样的Chrome ( 49.0.2623.112米版)有人知道为什么会发生这种事吗？编辑：与calc(25% - 1em)和calc(25% - 1rem)发生了相同的</
浏览 2提问于2016-04-29得票数 2
回答已采纳
1回答
这里我应用了span元素的转换，除了IE和Edge之外，span元素在其他浏览器中正常工作。还尝试了-ms-transition属性。这是我的代码片段。不能在IE和边缘中工作的switch-handle元素转换。 left: 100%;}
left: calc
浏览 1提问于2018-04-25得票数 3
回答已采纳
1回答
希望有人能帮我解决对齐问题--我不知道这是CSS还是SVG的问题。
我试图使用提供的"Custom“字段替换(基于HTML的) 播放器中的默认"Play”按钮。首先，我在display:none类上使用ee-components-play-button-svg禁用本机按钮，然后使用:after元素添加所需的按钮。问题是，我不知道为什么在IE11中按钮出现在更低的位置和中间的右边。我试过其他地方建议的</em
浏览 0提问于2018-09-28得票数 0
在Chrome和FF浏览器上一切正常，但在IE11和IE Edge上就不行了。Chrome和FF： Height:calc((100vh - 100%) + 30px); 当我尝试将其放在Edge上时，检查其转换为： Height:calc(30px + 100vh + -100%2.5vw; visibility: visible; max-height: none;
height: <e
浏览 15提问于2019-08-29得票数 1
演示链接：
我正在进行一种“侧盲式”动画行为，当用户悬停在对象(锚)上时，它会扩展对象(锚)的宽度，并创建一种感觉，显示更多的对象包含在其中(想想某种类型的剪辑掩码)。最初，视频/图像对象的样式是用“剪辑掩码”(锚包装视频/图像)来防止它移动1:1。这意味着，当用户悬停在锚上时，它已经被偏移到应该的位置。图像和视频最初的样式都是用来填充整个锚和沟槽的；这有助于在动画中创建这样一种感觉，即我们只是显示了更多
浏览 1提问于2019-01-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
