【问题标题】:css not working in IE9 or earlier versions [closed]css 在 IE9 或更早版本中不起作用 [关闭]
【发布时间】:2013-08-23 20:01:41
【问题描述】:

我正在构建一个可以在 Firefox、Chrome、Opera 和 IE10 中完美运行的网站,但在 IE9 中 css 无法正常运行文本框和圆形边框。

这是我的网站链接 http://meetmentors.in/sohil/

为了测试也检查这个页面 http://meetmentors.in/sohil/registration.php

如何使它与 IE9 或更早版本兼容。

【问题讨论】:

  • 请不要指望我们会在两种不同的浏览器中详细探索您的网站,试图了解它们之间的差异。您需要告诉我们哪些功能无法正常工作,您已经采取了哪些措施来尝试解决问题,并在问题中包含相关代码。
  • 对此我很抱歉。在站点文本框中 css 不起作用,并且在
    中的边框是四舍五入的。但不能在 IE9 中工作
  • 边框是圆形的,因为border-radius 是一个css3 属性,在早期版本的ie 中不起作用。文本框中的灰色文本是一个名为 placeholder(HTML5) 的属性,在 ie9 和更早版本中再次不可用。
  • 您可以做的一件事是使用此网站caniuse.com/#search=border 准确确定您可以在不同浏览器上使用哪些内容,哪些内容不能使用。顺便说一句,IE9 支持边框半径。

标签: css internet-explorer internet-explorer-9


【解决方案1】:

有一个选项可以让占位符属性在早期版本的 IE 中工作。

您必须包含此 JSlibrary。

http://jamesallardice.github.io/Placeholders.js/assets/js/Placeholders.min.js

在 IE9 及更低版本中试试这个DEMO。它应该工作。

HTML

<input type="text" placeholder="This text will dissappear once you type"/>

关于您第二次查询圆形 div 的检查this link

【讨论】:

  • 我已经在 IE8 和 IE9 中检查过了。仍然占位符在两者中都不起作用,圆形边框在 IE8 中不起作用,但在 IE8 中正常工作
  • 对不起。我的错。链接坏了现在检查小提琴。我也更新了我的答案!
猜你喜欢
相关资源
最近更新 更多
热门标签