Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 工具提示悬停时的转换不';不能在IE上工作,在Google Chrome上工作得很好_Html_Css_Internet Explorer_Css Transitions_Transition - Fatal编程技术网

Html 工具提示悬停时的转换不';不能在IE上工作,在Google Chrome上工作得很好

Html 工具提示悬停时的转换不';不能在IE上工作,在Google Chrome上工作得很好,html,css,internet-explorer,css-transitions,transition,Html,Css,Internet Explorer,Css Transitions,Transition,我已经查看了关于过渡不在IE上工作的相关帖子,但我不知道这篇文章有什么问题 [工具提示]{ 位置:相对位置; 利润率:100像素; } /*箭*/ [工具提示]:之前{ 宽度:16px; 高度:6px; 左:50%; 边缘顶部:2倍; 顶部:计算(100%-10px); 内容:''; 位置:绝对位置; z指数:10; 框大小:边框框; 左边框:8px实心透明; 右边框:8px实心透明; 边框底部:10px实心#00204e; 转换:转换(-50%,0%); 不透明度:0; -webkit过渡:

我已经查看了关于过渡不在IE上工作的相关帖子,但我不知道这篇文章有什么问题

[工具提示]{
位置:相对位置;
利润率:100像素;
}
/*箭*/
[工具提示]:之前{
宽度:16px;
高度:6px;
左:50%;
边缘顶部:2倍;
顶部:计算(100%-10px);
内容:'';
位置:绝对位置;
z指数:10;
框大小:边框框;
左边框:8px实心透明;
右边框:8px实心透明;
边框底部:10px实心#00204e;
转换:转换(-50%,0%);
不透明度:0;
-webkit过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-moz变换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-ms转换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-o过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
指针事件:无;
}
/*正文*/
[工具提示]:之后{
转换:转换(-50%,0%);
左:50%;
利润上限:11px;
顶部:计算(100%-10px);
字体大小:正常;
文本阴影:无;
背景:#00204e;
边界半径:4px;
颜色:#fff;
内容:attr(工具提示);
填充:10px;
位置:绝对位置;
空白:正常;
宽度:150px;
宽度:最大含量;
字体大小:10px;
字体系列:“Helvetica Neue”;
线高:正常;
最大宽度:150px;
文本对齐:左对齐;
高度:自动;
显示:内联块;
不透明度:0;
-webkit过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-moz变换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-ms转换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-o过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
指针事件:无;
z指数:10;
}
[工具提示]:悬停{
}
[工具提示]:悬停::在,
[工具提示]:悬停::在{
不透明度:1;
指针事件:自动;
顶部:计算(100%+0px);
溢出:可见;
z指数:10;
}

工具提示
我认为您无需为此使用
calc

[工具提示]{
位置:相对位置;
利润率:100像素;
}
/*箭*/
[工具提示]:之前{
宽度:16px;
高度:6px;
左:50%;
边缘顶部:2倍;
顶部:10px;
内容:'';
位置:绝对位置;
z指数:10;
框大小:边框框;
左边框:8px实心透明;
右边框:8px实心透明;
边框底部:10px实心#00204e;
转换:转换(-50%,0%);
不透明度:0;
-webkit过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-moz变换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-ms转换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-o过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
指针事件:无;
}
/*正文*/
[工具提示]:之后{
转换:转换(-50%,0%);
左:50%;
利润上限:11px;
顶部:10px;
字体大小:正常;
文本阴影:无;
背景:#00204e;
边界半径:4px;
颜色:#fff;
内容:attr(工具提示);
填充:10px;
位置:绝对位置;
空白:正常;
宽度:150px;
宽度:最大含量;
字体大小:10px;
字体系列:“Helvetica Neue”;
线高:正常;
最大宽度:150px;
文本对齐:左对齐;
高度:自动;
显示:内联块;
不透明度:0;
-webkit过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-moz变换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-ms转换:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
-o过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
过渡:所有0.2s立方贝塞尔(0.71,1.7,0.77,1.24);
指针事件:无;
z指数:10;
}
[工具提示]:悬停{
}
[工具提示]:悬停::在,
[工具提示]:悬停::在{
不透明度:1;
指针事件:自动;
顶部:20px;
溢出:可见;
z指数:10;
}

工具提示
您测试的是/必须支持哪个版本的IE?我正在测试IE 11和Edge。@AtharK:很高兴帮助您:)@AtharK:
计算
在IE上工作,但您需要为
工具提示
设置特定高度,以便在使用
计算:100%
时从100%高度获得值。谢谢兄弟的帮助。