internet-explorer-8 相关问题

我在 IE8 中遇到圆角问题。我尝试了几种方法但没有成功。这是我的代码：无标题页面...</desc> <question vote="58"> 我在 IE8 中遇到圆角问题。我尝试了几种方法都没有成功。 这是我的代码： <pre><code><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> <style> body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 2px; margin: 2px; color: #505050; line-height: normal; } p { margin: 4px; } .categoryheading3 { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background-color: #297BB6; color: #FFFFFF; font-size: 16px; font-weight: 700; padding: 8px 0; text-align: center; margin: 0px; } .leftcolumn { width: 174px; padding: 8px; float: left; display: inline-block; background-color: transparent; /*--min-height: 500px*/ overflow: hidden; } .lefttop { display: inline-block; width: inherit; margin: 0 5px 2em 0; float: left; width: 160px; background-color: #FFFFFF; border: 2px solid #297BB6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } </style> </head> <body> <div class="leftcolumn"> <div class="lefttop"> <H4 class="categoryheading3">Heading</H4> sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text </div> </div> </body> </html> </code></pre> 这会在 Firefox 中产生： <img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1Fyc1BPLmpwZw==" alt="firefox example"/> 但是在 IE8 中是这样的： <img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1h6dUNYLmpwZw==" alt="IE8 makes me sad"/> 如果有人有任何建议，我将不胜感激！ 编辑：约瑟夫建议使用pie.htc提供了帮助，但是我仍然在为这个元素不起作用而苦苦挣扎： <pre><code>.categoryheading3 { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; behavior: url(PIE.htc); background-color: #297BB6; color: #FFFFFF; font-size: 16px; font-weight: 700; padding: 8px 0; text-align: center; margin: 0px; } </code></pre> </question> <answer tick="true" vote="69"> Internet Explorer（版本 9 以下）本身不支持圆角。 有一个令人惊叹的脚本会神奇地为您添加它：<a href="http://css3pie.com/" rel="noreferrer">CSS3 PIE</a>。 我已经使用了很多次，效果惊人。 </answer> <answer tick="false" vote="33"> <h1><a href="http://davidwalsh.name/css-rounded-corners" rel="nofollow noreferrer">IE8 中的圆角</a></h1> Internet Explorer 8（及更早版本）不支持圆角，但是还有您可以考虑的其他解决方案： <ul> <li>使用圆角<pre><code>Images</code></pre>代替（<a href="http://www.generateit.net/rounded-corner/" rel="nofollow noreferrer">这个</a>生成器是一个很好的资源） </li> <li>使用<pre></pre>此处<a href="http://jquery.malsup.com/corner" rel="nofollow noreferrer">中的</a><code>jQuery Corner plugin</code> </li> <li>使用一个非常好的脚本，称为<pre><code>CSS3 PIE</code></pre>，来自<a href="http://css3pie.com" rel="nofollow noreferrer">这里</a>（优点和缺点<a href="http://css-plus.com/2011/05/ie-and-rounded-corners/" rel="nofollow noreferrer">这里</a>） </li> <li>从<pre></pre>这里<a href="http://www.cssjuice.com/25-rounded-corners-techniques-with-css/" rel="nofollow noreferrer">结帐</a><code>CSS Juice</code> </li> <li>另一个好的脚本是<pre><code>IE-CSS3</code></pre>，来自<a href="http://fetchak.com/ie-css3/" rel="nofollow noreferrer">这里</a> </li> </ul> 尽管 CSS PIE 是最流行的解决方案，我建议您查看所有其他解决方案并选择最适合您需求的解决方案。 我希望它有用。祝你好运！ </answer> <answer tick="false" vote="4"> 看到这篇文章后，我不知道 css3pie.com，一个非常有用的网站： 但是经过测试，它对我来说也不起作用。但是我发现将其包装在 .PHP 文件中效果很好。所以代替： <pre><code>behavior: url(PIE.htc); </code></pre> 用这个： <pre><code>behavior: url(PIE.php); </code></pre> 我把我的放在一个名为 jquery 的文件夹中，所以我的是： <pre><code> behavior: url(jquery/PIE.php); </code></pre> 所以去他们的下载或在这里获取： <a href="http://css3pie.com/download-latest" rel="nofollow">http://css3pie.com/download-latest</a> 并使用他们的 PHP 文件。在 PHP 文件中，它解释了某些服务器未配置为正确使用 .HTC。这就是我遇到的问题。 尝试一下！我做了，它有效。希望这也能帮助其他人。 </answer> <answer tick="false" vote="2"> <a href="http://fetchak.com/ie-css3/" rel="nofollow">http://fetchak.com/ie-css3/</a> 适用于 IE 6+。如果 css3pie 不适合你，请使用这个。 </answer> <answer tick="false" vote="2"> PIE.htc 对我来说非常有用（<a href="http://css3pie.com/" rel="nofollow">http://css3pie.com/</a>），但有一个问题： 您应该写入PIE.htc的绝对路径。当我使用相对路径时，它对我不起作用。 </answer> <answer tick="false" vote="0"> 由于 Internet Explorer 本身不支持圆角。因此，更好的跨浏览器处理方法是在角落使用圆角图像。许多著名网站都使用这种方法。 您还可以在网络上找到圆形图像生成器。其中一个链接是 <a href="http://www.generateit.net/rounded-corner/" rel="nofollow">http://www.generateit.net/rounded-corner/</a> </answer> </body></html>

css internet-explorer internet-explorer-8 rounded-corners

回答 0 投票 0

如何在 IE8 中创建网页切片？

internet-explorer-8 ie8-webslice web-slice

回答 2 投票 0

如何使用 Selenium Webdriver + Java 处理 IE8 中的自签名证书错误

我已经被这个问题困扰了两天了。设想：需要测试的网站有自签名证书。因此 Internet Explorer（Windows XP 中的 8_ 显示 “安全

selenium internet-explorer-8 ssl-certificate

回答 3 投票 0

IE8 开箱即用是否支持“localStorage”

我正在尝试使用 HTML5 功能 localStorage。根据这个博客，它可以使用 IE8 来完成，但是当我尝试使用它时，我收到一个 javascript 错误“localStorage 为 null 或不是对象” 所以我的

javascript html internet-explorer internet-explorer-8