2013-05-15 3 views
0

Я использовал @import в властвуй, и он находится в <head> моего HTML:Почему мой Google Drive CSS не отображается в Safari?

<style> 
@import url('https://googledrive.com/host/0B4nfVqlTfnTzam45bnFnTXUyOEU'); 
</style> 

Это проявляется в Firefox, но не в последнюю версию Safari. Может ли кто-нибудь объяснить, почему? Это потому, что файл находится на Google Диске?

Если это просто проблема с CSS, то я не против, потому что это всего лишь тест, чтобы увидеть, работает ли файл @import, но является ли этот метод импорта таблиц стилей хорошим для большинства браузеров?

ответ

0

Хотя это должен быть функциональный способ связывания стилей с вашим сайтом, это не лучшая практика. Он в основном сообщает браузеру, что вы предоставляете внутреннюю таблицу стилей, а затем говорит ему импортировать внешнюю таблицу стилей, чтобы вложить ее в этот элемент. Я не удивлюсь, если это приведет к непоследовательным результатам в разных браузерах. Попробуйте пропустить тег и в том числе вместо этого:

<link rel="stylesheet" href="https://googledrive.com/host/0B4nfVqlTfnTzam45bnFnTXUyOEU/yourfilename.css"> 

Теперь, вы должны рассмотреть вопрос о применении этого метода так или иначе, но заметьте, что я также изменил путь к файлу. Замените «yourfilename.css» на имя файла вашей таблицы стилей. Даже если связанный каталог содержит только одну таблицу стилей, вы должны явно определить этот файл, чтобы браузер нашел его.