Как заставить CSS фоновые изображения отображаться в файлах HTML, открытых Word? - PullRequest
Новая
       16

Как заставить CSS фоновые изображения отображаться в файлах HTML, открытых Word?

1 голос
/ 15 сентября 2010

Мой вопрос касается именно того, что мне нужно, но меня также интересуют «общие правила», касающиеся того, как сохранить стили при открытии HTML-страницы в Word. Более подробная информация о моем контексте приведена ниже.

HTML-файл, открываемый в Word, содержит <link ... /> элементов, включая таблицы стилей. все нормально отображается в браузере.

До сих пор я обнаружил, что элементы с несколькими классами не переносят свои стили и не вкладывают ничего, когда основаны на элементе с несколькими классами.

Учтите это: 

<p class="class1">This <span class="class1 class2">is my</span> text.</p>

.class1 { color:green; }
.class2 { color:orange; }

.class1.class2 { color:red; }

.class1.class2,
.class1 { color:blue; }

Результаты:

  1. p зеленый, потому что его первое объявление содержит
  2. p не синий, потому что это объявление является частью недопустимого мультиклассового объявления (!)
  3. span оранжевого цвета, поскольку его первое объявление содержит
  4. Как и в пункте 2. span не является ни красным, ни синим из-за «недопустимых» мультиклассовых объявлений

В результате вышеприведенных выводов я закончил тем, что обернул свои элементы в другой элемент, всегда с единственным именем класса разметки , и успешно форматировал вещи на этой основе.

Обратите внимание, что можно нормально управлять элементами с помощью Javascript, добавляя / удаляя дополнительные имена классов по мере необходимости. Word интересует только фактическая разметка в HTML-файле, который он пытается проанализировать.

Что я не понял, так это как получить относительно связанные фоновые изображения CSS, которые будут отображаться при открытии файлов HTML в Word. Я обычно использую ярлык: background:transparent url(../img/icon-audio-16.gif) left top no-repeat;, который не работал (да, проверил мои пути), но затем ни один не сделал разбивку за ударом: 

background-color:transparent;
background-image:url(../img/icon-audio-16.gif);
background-position:left top;
background-repeat:no-repeat;

Я также спросил на SU.com, лучшее, что я получил до сих пор, было: «Потому что MS Word - не браузер?

Угу ...

1 Ответ

0 голосов
/ 16 сентября 2010

Для всех заинтересованных сторон это, кажется, подводит итог: http://msdn.microsoft.com/en-us/library/aa338201(office.12).aspx

...