Элементы HTML5, работающие в Chrome, но не Safari или Firefox?

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

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

~~Веб-страница here.~~ {ссылка на сайт недоступна}

источник

2010-04-07 Chris Armstrong

Я вижу то же самое в Chrome 4.1.249.1045 (42898) и Firefox 3.6.2, и оба кажутся неправильными (с перекрытием карты над заголовком и «Подождите, что это сказал?», Наложившись на что-то еще. – ChrisF

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]-->

источник

2010-04-07 15:16:32

Ага, вот и все! Я забыл, что CSS нужно было ввести в действие с помощью «display: block». Я использую Shiv, если вы посмотрите на строку 20. Спасибо! –

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

Я в FF3.6.2, кстати. Единственные ошибки CSS, которые я вижу, это просто: ошибки CSS.

источник

2010-04-07 15:17:46 dclowd9901

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

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

Это не работает ... фон: RGBA (0, 0, 0, 0) URL ("../ IMG/login_bg.jpg") центр центра прокрутки/обложка;

источник

2015-06-26 08:14:01 Ariya

Элементы HTML5, работающие в Chrome, но не Safari или Firefox?

ответ

Смежные вопросы