Элементы HTML5, работающие в Chrome, но не Safari или Firefox? - PullRequest
1 голос
/ 07 апреля 2010

Я использую элементы HTML5, и в проекте, над которым я работаю, и CSS, похоже, работает нормально в Chrome.Однако, похоже, что он не работает в Safari или Firefox (я не тестировал IE, но думаю, что это то же самое), и разметка страницы повсюду.

Есть идеи, почему это может быть?Я знаю, что Firefox и Safari оба поддерживают эти элементы, и Safari основан на webkit, как Chrome, поэтому я не могу понять, в чем проблема.

Вы можете увидеть веб-страницу здесь . {ссылка на сайт недоступна}

Ответы [ 3 ]

6 голосов
/ 07 апреля 2010

Safari и Firefox имеют одинаковый уровень «поддержки» для элементов секционирования HTML5 (после просмотра вашей демонстрационной страницы, я предполагаю, что это элементы, о которых вы говорите): их можно стилизовать, но вы должны установить display: block; неявно.

aside, article, section { display: block; }

Добавление этого правила в ваш CSS решит проблему.

Чтобы эти элементы можно было стилизовать в IE, вам просто нужно использовать HTML5 shim / shiv. Добавьте следующий HTML-код в <head>:

<!--[if lt IE 9]>
 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
0 голосов
/ 26 июня 2015

У меня возникла проблема с элементом figure, не отображающим фоновое изображение. так что я преодолел проблему с этим ...

background-image:url("../img/login_bg.jpg");
background-position:center center ;
background-repeat:no-repeat;
background-size:cover;

Это не сработало ... background: rgba (0, 0, 0, 0) url ("../ img / login_bg.jpg") прокрутка центра центр / обложка;

0 голосов
/ 07 апреля 2010

Какая часть не работает точно? Элемент <canvas> отображается правильно, ваш контейнер <article> не игнорируется.

Я в FF3.6.2, кстати. Я вижу только ошибки CSS: ошибки CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...