internet-explorer-10相关内容
示例: http://codepen.io/mastastealth/pen/gFjhi 基本上,我有一个元素:after元素设置为不透明度0.在悬停时,它转到不透明度1.显然它在IE9和其他地方,但不是IE10除非我点击)?想法? 解决方案 似乎有一个错误,选择器与伪类后跟一个伪元素不侦听事件发生。如果您通过简单地添加选择器而仅添加伪类来添加侦听器,则您的样式将应用于发生的事件。
..
我使用flexbox作为布局。我的约束是图像必须位于中间。 我做了一个最小的标记,再现问题: http://codepen.io/anon/pen/xwNomN 在所有浏览器EXCEPT在IE 10和11,其中(如CodePen所示)大量的空白空间添加在图像的顶部和底部。 .collection__list { display:flex; flex-wrap:wrap;
..
以下css动画在Chrome,Mozilla,Opera浏览器中运行良好,但在Internet Exporer 10和11中无法正常工作。 请参阅 http://jsfiddle.net/bm72w3n3/ .changed { -webkit-animation:target-fade 5s 1; -moz-animation:target-fade 5s 1; anim
..
IE9 + 版权声明以支持 ch CSS单元。根据定义,该单位等于当前字体的“0”(ZERO,U + 0030)字形的提前量度,或者更简单地说,字形的字符框的宽度为”0“。此解释似乎适用于Firefox 10+和Chrome 27+:
和
0000000000 具有完全相同的宽度,因为它们具有相同大小
..
我一直在尝试使用SVG作为背景图像,使用 background-size -property缩放元素。这在大多数当前浏览器中工作得很好,但Internet Explorer似乎误解了值,当我只使用一个值时显示的图像尺寸小得多,而且两个值的比率不正确。 我举了一个例子,在 http://jsfiddle.net/c7DEw/1/ svg的宽度和高度已设置为100%。我认为它与 viewB
..
Microsoft在其上说网站 注意W3C规范为此属性定义了preserve-3d的关键字值,表示不执行展平。此时,Internet Explorer 10不支持preserve-3d关键字。您可以通过手动将父元素的变换应用到子元素的正常变换之外的每个子元素来解决此问题。 解决方案 要使用创建3D对象transform- style:flat ,您需要删除容器div的转换:
..
我有点失落在这里,我目前测试的IE10(10.0.9200.16384)附带的Windows 8发布预览,我有一个非常困难的时间。其中一个bug,我的错误是,IE似乎不处理嵌套的3D变换。请参阅此琴: 的http://的jsfiddle。 net / uUHdF / 1 / 有两个彩色的div,一个红色的div和一个绿色的一个旋转和翻译,一个立方体,这个立方体本身也被旋转和平移(注意,
..
http://jsbin.com/ararar/5/edit tl; dr 上面的链接是下面进一步描述的问题的一个快速示例。点击li:s删除它们,并在IE9或IE10中查看渲染毛刺。 在我的团队正在构建的应用程序中,我们有一个搜索框结果,高度的变化取决于匹配的数量。元素应用了一个box-shadow。问题是在IE9和IE10,当盒子变小。看起来IE会“忘记”关于box-shadow,
..
我有一个脚本被划分为: HTML :
点击我!
文件已上传!
..
有没有办法使灰度图像过滤器工作在IE 10没有JavaScript或SVG? 我一直使用下面的代码成功地在所有浏览器10. img { filter:url(“data:image / svg + xml; utf8,
..
不幸的是,我必须让我的网站代码与Internet Explorer 10兼容,并且有一些问题,即使在阅读其官方网站上的文档 这里是我的css code: .uberflex { display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; align-items:fl
..
我有一个缩放动画,在IE10中工作大约一天,然后停止。我没有做任何改变,我不知道会发生什么,打破它。 有没有任何想法?当我查看IE开发工具,它不拾起动画名称,但是拾起所有其他属性。 这里是CSS: @ - ms-keyframes move97 { 0%{ transform:scale(1,1); -ms-transform:scale(1,1); -mo
..
我花了4个小时来完成一个具有可接受效果的简单转换: 首先我尝试了以下代码: left:2000px; -webkit-transition:left 1s linear; -moz-transition:left 1s linear; -ms-transition:left 1s linear; Chrome v21.0.1180.89和FireFox
..
我有一个表面网络应用程序使用触摸平移(容器div有“overflow:auto”样式),我使用内置的分页滚动样式: -ms-scroll-snap-points-x:snapInterval(0px,1366px); -ms-scroll-snap-type:mandatory; 我的应用程序有一个300%宽的子容器,导致3页的页面边界。 p> 这对于高性能分
..
在Windows Phone 8中查看的页面上工作,我注意到一个奇怪的行为。当以宽度或高度指定-ms-viewport时,似乎用户无法再在溢出时使用触摸滚动行为:auto或-ms-touch-move:pan-y元素。 任何人遇到此行为,或知道任何解决方法? 编辑:在WP8设备上访问此网址进行重现: http://fiddle.jshell.net/V7SR/3/show/light
..
所以,使用Mozilla和WebKit我有一个半体面的解决方案替换选择框上的箭头使用 appearance:none; 并具有父元素。 在IE中,大多数情况下我禁用了此功能。对于IE10我实际上不能禁用它,因为我的条件注释实际上不工作。 这是我的标记:
..
所以,在与IE进行斗争后, glitches 和不兼容性,我终于有了正确尺寸的长方体工作(更新: 这里是一个例子它)。动画需要单独动画的所有方面,而不是单个的父元素,但这似乎是让它在IE中工作的唯一方法。 使用单个长方体工作,但是多个立方体是有问题的,因为透视被应用于单个变换的元素(为了在IE中工作是必要的),它们看起来都相同,而不管它们在舞台上的位置: http://jsfiddle
..
为什么以下代码在IE10中无效? .foo { display:-ms-flex; -ms-justify-content:center; } 我需要写什么才能让他们工作? 解决方案 IE10从 2012年3月。这些属性对应于这些属性: .foo { display:-ms-flexbox; -ms-flex-pack:center;
..
好的,这里是另一个IE10毛刺。问题是应用透视对父元素打破了背景 - 可见性隐藏设置。请看这个小提琴: http://jsfiddle.net/2y4eA 当你悬停在红色正方形上,它在x轴上旋转180°,即使背面可见度设置为隐藏,也会显示背面,至少直到达到180°,然后消失。删除透视属性,你会看到它工作正常,背面不可见,但是3d效果失去了。 这是可能的通过在transform属性中应用
..
浏览IE10的开发人员博客我发现他们不支持preserve-3d设置。 他们提供了一个解决方法,但我似乎无法使其工作。我的例子下面的工作在Safari,Chrome和Firefox,但不是IE10。如果任何人可以帮助我实现这一点,我会非常感谢。 这些框应该围绕Y轴旋转,点击显示一些文本和绿色背景颜色。 IE10中不是这种情况 我的示例: http://codepen.io/2ne
..