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

时间:2012-10-23 16:44:38

标签: internet-explorer css3

在Drupal项目中,我无法在Developer Toolbar中看到border-radius属性 我也尝试添加内联边框样式,但属性消失 http://goa.drupal.com.pe/inmuebles/venta-departamento-0

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; ?>

3 个答案:

答案 0 :(得分:2)

在小于9的版本的Internet Explorer中不支持Border Radius,但如果您使用的是IE9但它仍然无法正常工作,您可以尝试添加此元标记以将兼容模式设置为IE9 :

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

答案 1 :(得分:1)

IE8不支持这就是原因。

您可以使用jQuery.Corner插件查看此post以获取备用解决方案。

答案 2 :(得分:1)

IE8不支持border-radius,而Developer Tools会删除浏览器无法识别的任何标记或属性。