ie9 css过大,css 3后台大小不适用于ie9(css 3 background-凯发k8官方网

css 3后台大小不适用于ie9(css 3 background-size not working on ie9)

background-image:; background-size:180px 180px; background-repeat:no-repeat;

上面提到的css在chrome上工作得很好，但ie9无法正确缩放图像 显示图像

background-image:; background-size:180px 180px; background-repeat:no-repeat;

the above mentioned css works perfect on chrome but ie9 is unable to scale images display images correctly

原文：https://stackoverflow.com/questions/6776580

更新时间：2019-11-18 23:36

最满意答案

你确定你的ie在ie9模式下运行吗？ 您的代码适用于我尝试的任何图像。

(f12打开开发者窗口)

are you sure your ie runs in ie9 mode? your code works with any image i tried.

(f12 to open developer window)

相关问答

你确定你的ie在ie9模式下运行吗？ 您的代码适用于我尝试的任何图像。 (f12打开开发者窗口) are you sure your ie runs in ie9 mode? your code works with any image i tried. (f12 to open developer window)

有3个限制： 一张表可能包含多达4095个选择器，请参见http://demos.telerik.com/testcases/4095issues.html 一张表可以@最多31张，见http://demos.telerik.com/testcases/brokentheme.aspx @import嵌套最多支持4个级别 microsoft支持/ msdn参考链接： http://support.microsoft.com/kb/262161 http://blogs.msdn.com/b/iei

...

试试纯javascript： function scaleimg() {

var container = document.getelementbyid('img_src_div');

var img = container.children[0]; // assuming image is first child

// var img = container.getelementsbytagname('img')[0]; // use this one if not

...

对我来说工作非常好，也许你不是像.jpg那样保存图像...... div.one {

width:100px;

height:100px;

background-image:;

background-position:center;

background-repeat:no-repeat;

ba

...

internet explorer 9及以下版本不支持column-count ; 在版本10之前不会添加支持。重要的是要记住，modernizr主要用于帮助您了解浏览器的功能，而不是让浏览器具备更多功能。 它通过添加到文档中的特殊类以及用于脚本编写的全局modernizr对象来实现此目的 。 如果您想要在internet explorer 9中支持css列，则需要通过其他路径进行操作。 我会建议jquery columnizer，因为我过去曾经使用它，并且它对于任何熟悉css column语法的

...

在块元素(如div )上，高度与宽度的工作方式不同。 如果未指定高度，则元素将与其内容一样高。 这是一回事。 height: 100%如果你想让你的div像body一样大，那么height: 100%就是你要去的方法，但诀窍是百分比高度总是来自父亲的身高 。 因此，您必须为所有父项(包括html )设置height: 100%以获得crosss-browser结果。 html,body,#please_expand { height: 100%; }

jsfiddle演示 on block el

...

ie9是否支持css线性渐变？ background:#fff;

background-image: -moz-linear-gradient(top, #fff, #000);

background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #000));

filter: progid:dximagetransform.microsoft.gradient(gradi

...

ie9或更低版本不支持动画，转换和转换。 ie 10 支持它们，但即使在这种情况下，用户在使用ie时也会遇到很多问题。 最好的办法是使用javascript。 使用javascript，你可以避免css3 animations ，甚至在ie中运行你的结果更好。 有关animations, transitions and transformations浏览器兼容性animations, transitions and transformations查看以下链接： https ： //develope

...

根据w3c 规范 ： “背景位置” 百分比 百分比x将图像的x％对齐(对于水平)或向下(对于垂直)对齐点x％跨(对于水平)或向下(对于垂直)对象的填充框。 例如，使用值对“0％0％”，图像的左上角与填充框的左上角对齐。 值对'100％100％'将图像的右下角放置在填充框的右下角。 使用“14％84％”的值对，图像的14％和84％的点位于填充框的14％和84％的位置。 这意味着您在background-position中设置的百分比指定图像的哪个点应与元素中的相同点匹配。 但是当容器和图像的大小相等

...

总结

以上是凯发k8官方网为你收集整理的ie9 css过大,css 3后台大小不适用于ie9(css 3 background-size not working on ie9)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。