在IE开发人员工具栏（F12）中不显示IE8 border-radius属性

在Drupal项目中，我无法在开发人员工具栏中看到border-radius属性。
我也尝试添加内联边框样式，但属性消失。
http://goa.drupal.com.pe/inmuebles/venta-departamento-0 在IE开发人员工具栏（F12）中不显示IE8 border-radius属性

enter image description here

这是HTML头：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> 

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7]> <html class="no-js ie6 ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>" <?php print $rdf_namespaces; ?>> <![endif]--> 
<!--[if IE 7]> <html class="no-js ie7 ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>" <?php print $rdf_namespaces; ?>> <![endif]--> 
<!--[if IE 8]> <html class="no-js ie8 ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>" <?php print $rdf_namespaces; ?>> <![endif]--> 
<!--[if IE 9]> <html class="no-js ie9 ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>" <?php print $rdf_namespaces; ?>> <![endif]--> 
<!--[if gt IE 9]><!--> <html class="no-js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>" <?php print $rdf_namespaces; ?> xmlns:fb="http://www.facebook.com/2008/fbml"> <!--<![endif]--> 

<head profile="<?php print $grddl_profile; ?>"> 
    <?php print $head; ?> 
    <title><?php print $head_title; ?></title> 
    <?php print $styles; ?> 
    <?php if ($mobile_friendly): ?>  
    <meta name="viewport" content="width=device-width" /> 
    <meta name="MobileOptimized" content="width" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <?php endif; ?> 
    <?php print $scripts; ?>

来源

2012-10-23 Ricardo Castañeda

它不是在IE8的支持，这就是为什么。

你可以看看这个post替代解决方案使用jQuery.Corner插件。

来源

2012-10-23 16:49:31

只是IE8？我可以在另一个项目中的IE7中看到它。 –

您可以在开发人员工具中看到该属性，或者您可以看到圆角？因为像我在我的文章中提到的，有绕过这个问题的方法，但它总是涉及渲染带圆角的图像。 –

nvm，它是由脚本完成的。 –

圆角半径不Internet Explorer支持，在不到9个版本，但如果您使用IE9，它仍然不能正常工作，你可以尝试加入这个元标记为兼容模式设置为IE9：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

来源

2012-10-23 16:49:51 ORION

该边框已经适用于我的IE9。你能解释使用该元的好处吗？ –

我在说如果他使用的是IE9，但它仍然无法正常工作，请尝试添加此元标记以将兼容模式设置为IE9。如果您想了解更多信息，请查看http://stackoverflow.com/questions/5317464/why-does-ie9-require-a-meta-tag-to-render-rounded-corners。 – ORION

IE8不支持border-radius，开发者工具会删除浏览器无法识别的任何标签或属性。

来源

2012-10-23 16:50:47 jalynn2

在IE开发人员工具栏（F12）中不显示IE8 border-radius属性

回答

相关问题