Странное поведение firefox и Chrome для JSP - PullRequest
0 голосов
/ 12 февраля 2012

У меня странная проблема: меня просят сделать простое приложение Spring MVC с использованием многих веб-технологий.В настоящее время я изменяю этот Пошаговый учебник Spring MVC, часть 2 в 2.2. Меня просят показать JSP с использованием форматирования в стиле CSS.Хорошо, я сделал это, но проблема в том, что когда я использую Firefox, он не показывает мне форматирование CSS, кроме цвета фона.Но когда я использую Chrome, он показывает мне полное форматирование CSS.

    <html>
  <head>
  <style type="text/css">
  body{  
    background-color: #C1CDCD;
    background-image:url("logo.gif');
    background-repeat:no-repeat;
    background-position:right bottom;
    margin-right:200px;}

  h1{
    font-style:oblique;
    color:red;
    text-align:center;
    }

  p#p1
  {
    font-style:italic;
    font-family:"Times New Roman";
    font-size:18px;
  }

  p#p2
  {
    font-style:thick;
    font-family:"Times New Roman";
    font-size:18px;
  }
  .colortext_thick{
    font-style:normal;
    font-weight:bold;
    color:green;
  }  

  .italictext{
    font-style:italic;
  }
    </style>

  <title>Hello :: Spring Application</title>
  </head>
  <body>
    <h1>Hello World - Spring MVC Application</h1>
    <p id="p1" class="italictext">Greetings. This is also my first CSS type format example..</p>
    <p id="p2" class="colortext_thick">It is now <c:out value="${now}"/></p>
  </body>
</html>

Я не мог понять, в чем и в чем проблема.Сначала я подумал, что у меня проблема с кодом, но когда я получаю доступ к тому же приложению в Chrome, оно кажется очень хорошим.Пожалуйста помоги.Спасибо

Отредактировано: ниже приведены примеры изображений запущенных приложений Firefox и Chrome Chrome Firefox

Ответы [ 2 ]

1 голос
/ 12 февраля 2012

Опечатка в background: url("logo.gif'); Вы начинаете с двойной кавычки и заканчиваете ее одинарной кавычкой. Замените свой селектор тела этим, и он должен работать.

body {
  background: #C1CDCD;
  background: url("logo.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
  margin-right:200px;
}
1 голос
/ 12 февраля 2012

Смотри здесь,

background-image:url("logo.gif');

котировки открытия и закрытия не совпадают. Firefox, по-видимому, прекратил синтаксический анализ CSS в этот момент.

Получите их, чтобы соответствовать:

background-image:url("logo.gif");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...