仅为IE设置容器

时间:2017-01-02 01:34:37

标签: css internet-explorer-8 wordpress-theming internet-explorer-9 internet-explorer-7

我无法仅为IE缩小容器。该网站正在http://wcousin.com

开发

滑块内带有白色文字的灰色框在IE上太宽。它在Chrome中运行良好,但在IE9中,它在图像上变宽。

有任何帮助吗?

我在这里尝试了提示:https://css-tricks.com/forums/topic/target-ie9/

2 个答案:

答案 0 :(得分:0)

您可以尝试IE旧版本的最小宽度/最大宽度,因为它支持边框属性

box-sizing:border-box;在所有主流浏览器的当前版本中都受支持。目前仅在Firefox中支持不太常用的填充框。有关浏览器支持的更全面信息,请参阅我们的大小写日历条目。

旧版Internet Explorer(8及更早版本)存在一些问题。 IE 8无法识别具有最小/最大宽度或最小/最大高度的元素上的边框:这也用于影响Firefox,但它在2012年得到修复。 IE 7及以下版本根本不识别盒子大小,但有一个可以帮助的polyfill。

答案 1 :(得分:0)

我找到了解决方案:

我将此添加到WP主题中的ie-hacks.php文件中:

<!--[if lte IE 9]>
    <style type="text/css">#ie9 {width:40%;}</style><![endif]-->
<![endif]-->

然后我只是将#ie9 ID添加到div中并且工作正常。