1

タイトルはそれをすべて説明しています。ここに私が持っているスクリーンショットがあります

IE8: http://screencast.com/t/Sc4XXe8jFfu9

IE7: http://screencast.com/t/xeyRCzXN3

少し奇妙ですが、優先順位が正しくないため、Web サイトで多くの css の問題が発生しています。

ティア

編集

<!DOCTYPE HTML>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/bootstrap.css" />
    <!-- <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/responsive-nav-media.css" /> -->
    <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/responsive-nav.css" />
    <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />
    <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('main.css')?>" />
    <!--[if IE]>
    <style type="text/css">
        body#theme-wrapper #header {
            position: relative;
        }
    </style>
    <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath();?>/css/ie.css" />
    <![endif]-->
    <script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/grayscale.js"></script>
    <script type="text/javascript">
        Modernizr.load([
          {
            test : Modernizr.mq('only all'),
            nope : '<?php echo $this->getThemePath();?>/js/respondjs.js'
          }
        ]);
    </script>
    <script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/responsive-nav.js"></script>
    <script type="text/javascript" src="<?php echo $this->getThemePath();?>/js/bootstrap.min.js"></script>
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,100,700" rel="stylesheet" type="text/css" />
</head>
4

0 に答える 0