IE9不允许使用PHP和内容类型text / css的动态样式

问题描述：

My plugin adds dynamic CSS to the frontpage:

function form_css() {
    header( 'Content-Type: text/css' );
    header( 'Expires: Thu, 31 Dec 2050 23:59:59 GMT' );
    header( 'Pragma: cache' );

    if ( false === ( $css = get_transient( 'mymail_form_css' ) ) ) {
        // generate CSS here
        set_transient( 'mymail_form_css', $css );
    }

    echo $css;
    die();
}

add two action hooks:

add_action('wp_ajax_my_css', 'form_css');
add_action('wp_ajax_nopriv_my_css', 'form_css');

and enqueue the style:

wp_register_style('my-css', admin_url('admin-ajax.php?action=my_css'));
wp_enqueue_style('my-css');

This works perfectly on all browsers (including IE7+8) except on IE9.

I've searched for this issue and found about the X-Content-Type-Options: nosniff header but adding header( 'X-Content-Type-Options: nosniff' )doesn't solve the problem.

Any help is kindly appreciated

我的插件将动态CSS添加到首页： p>

  function  form_css（）{
 header（'Content-Type：text / css'）; 
 header（'Expires：Thu，20 Dec 2050 23:59:59 GMT'）; 
 header（'Pragma：cache'）  ; 
 
 if（false ===（$ css = get_transient（'mymail_form_css'）））{
 //在这里生成CSS 
 set_transient（'mymail_form_css'，$ css）; 
} 
 
  echo $ css; 
 die（）; 
} 
  code>  pre> 
 
 添加两个动作挂钩： p> 
 
 
  add_action  （'wp_ajax_my_css'，'form_css'）; 
add_action（'wp_ajax_nopriv_my_css'，'form_css'）; 
  code>  pre> 
 
 并将样式排入队列： p> 
  
  wp_register_style（'my-css'，admin_url（'admin-ajax.php？action = my_css'））; 
wp_enqueue_style（'my-css'）; 
  code>   pre> 
 
 
除IE9外，这适用于所有浏览器（包括IE7 + 8）。 p> 
 
 

我搜索了这个问题，发现了  X-Content-Type-Options：nosniff  code>标题但添加标题（  'X-Content-Type-Options：nosniff'） code>无法解决问题。 p> 
 
 
非常感谢任何帮助 p> 
  div>

答

I don't know if this helps somebody. At least for me it does:

WordPress wraps p tags around my shortcodes and since I'm using block elements in my form (and shortcode) I've and block element inside a block element - which isn't allowed.

Removing the surrounded p's solves the problem.

Edit: Use the Shortcode empty paragraph fix to remove the p's

答

i guess your css is a php file? something like style.css.php?

http://blog.s9y.org/archives/227-IE9-has-trouble-with-CSS-Content-Types.html - maybe this can help you.....

mod_negotiate would basically properly execute the PHP file and return valid CSS

答

A simpler answer it for force IE9 into "Compatibility view".

More reading on why at http://blogs.msdn.com/b/ieinternals/archive/2011/03/27/http-406-not-acceptable-php-ie9-standards-mode-accepts-only-text_2f00_css-for-stylesheets.aspx - but tldr is that Microsoft are stricter in what they accept as a style sheet to help improve security.

Internet Explorer 9 users can workaround the site’s bug by putting the site into Compatibility View. In Compatibility View, IE reverts to its legacy behavior of claiming to accept any MIME type for subdownload requests, and the server returns the response without complaint.

You can change the mode with

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

or if that stil fails, drop to IE8

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

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

Put that in the HTML header - will only affect IE.

IE9不允许使用PHP和内容类型text / css的动态样式

相关推荐