Drupal克服IE 31样式表限制

Posted 2021-02-25

To be placed in template.php preprocess_page function.\r\n\r\nBreaks stylesheets into 2 style tags with limit of 30 @imports each. IE has a limitation of 31 @imports or 31 style tags. (source: [http://john.albin.net/ie-css-limits/single-style-test.html](http://john.albin.net/ie-css-limits/single-style-test.html))

<?php
// Consolidate all styles import into 1 style tag. Solves IE 31 style tag limit
  $styles_document = new DOMDocument();
  $styles_document->loadHTML($vars['styles']);
  $style_elements = $styles_document->getElementsByTagName('style');
  $stylesheets = '';
  $stylesheets2 = '';
 
  for ($i=0;$i<$style_elements->length;$i++) {
    $stylesheets .= $style_elements->item($i)->nodeValue . "
";
    if($i == 30) {break;}
  }
  $styles = '<style type="text/css" media="all">' . $stylesheets . "</style>
";
 
  for ($i=31;$i<$style_elements->length + 1;$i++) {
    $stylesheets2 .= $style_elements->item($i)->nodeValue . "
";
    if($i == 60) {break;}
  }
  if($stylesheets2 != '') {
    $styles .= '<style type="text/css" media="all">' . $stylesheets2 . '</style>';
  }
  $vars['styles'] = $styles;
?>