Как я могу распечатать фоновые изображения в FF или IE?
Эти ярлыки, похоже, не отражают значки маркеров. Чтобы получить яркие ярлыки, я бы предположил, что вы должны использовать значки маркеров, которые имеют помеченный символ на самой иконке. Диаграммы изображений api (Устаревшие) служат для динамических пользовательских значков.
Пример динамического значка: http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=A|FF9900 где chld = anyletter (здесь A) и последние 6 символов - это шестнадцатеричный цветовой код (здесь FF9900).
Устаревшая диаграмма api позволяет установить собственный цвет и метку для маркера. Новые диаграммы api отказались от поддержки динамических значков.
Кроме того, google также поддерживает несколько пользовательских значков на
maps.google.com/mapfiles/marker "+ letter +" .png
blockquote>, где буква - любой алфавит. Например: http://maps.google.com/mapfiles/markerA.png
Пользовательские значки также доступны с помощью https://code.google.com/ p / google-maps-icons / wiki / NumericIcons
Установить свойство значка объекта-маркера
var marker = new google.maps.Marker({ position: mapLocations[j].position, map: map, title: mapLocations[j].name, icon: "http://maps.google.com/mapfiles/marker" + letter + ".png" });
6 ответов
Вы рассмотрели использование таблицы стилей печати? Это могло позволить Вам делать что-то как:
<div class="star">*</div>
/* media:screen */
.star {
background: ...;
overflow: hidden;
text-indent: 9999em;
}
/* media:print */
.star {
text-indent: 0;
}
или еще легче:
<div class="star"><img src="./images/star.jpg" alt="*" /></div>
/* media:screen */
.star img {
visibility: hidden;
}
/* media:print */
.star img {
visibility: visible;
}
можно определить, что браузеры таблиц стилей должны использовать путем предоставления тега медиа, или css или на элементе ссылки:
<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
<link rel="print stylesheet" type="text/css" href="print.css" media="print" />
Для IE http://support.microsoft.com/kb/980077
должно быть что-то подобное для И следующие
p.s., Вы не можете установить это для клиентов!
p.s.2. можно заменить это звезды передними изображениями (абсолютный в случае необходимости) в css (медиа = "печать").
Я полагаю, что это - установка браузера, не бэкенд веб-сайтов. Я мог быть неправым как бы то ни было.
В Firefox перейдите к Файлу => Установка Страницы. Существует флажок для "Фона печати (окрашивает & изображения)". Просто проверьте, что и Вы должны быть все установлены.
В файле print.css измените фоновое изображение на элемент списка.
Итак:
.background {
display: list-item;
list-style-image: url(yourbackgroundimage.gif);
list-style-position: inside;
}
Этот метод более подробно описан здесь: http://www.web-graphics.com/mtarchive/001703.php
На самом деле я нашел ответ довольно простым.
Ситуация: у меня был тег div с фоновым изображением. Которая не распечатывалась при печати.
Решение:
Создайте другую таблицу стилей под названием «print.css»
Добавьте следующую строку кода на все свои веб-страницы сразу после ссылки на исходную таблицу стилей css:
Сразу после вашего исходного непечатаемого заголовка добавьте следующее:
В файле style.css, который является основным стилем CSS для вашего сайта, добавьте следующую строку:
#printheader {display: none; } / * Делает заголовок печати невидимым * /Добавьте в файл print.css следующий код:
#footer, #nav, #sidenav, .print, .search, .breadcrumb,.noprint {display: none;} / * Элементы с вашей страницы, которые вы НЕ хотите печатать * / #container, # container2, #contentwide, #contentwide_tpsub, #contentwide_tp, #contentwide_open {width: 100%; маржа: 0; float: none;} / * Убираем ширину, чтобы напечатать весь текст * / #printheader {дисплей: блок; } / * Включает div при печати * /
По сути, вы отключаете заголовок на обычной "экранной" странице и включаете заголовок при выполнении вызова печати.
** Обратите внимание: вам нужно будет изменить файл print.css, чтобы включить другие элементы вашего файла style.css для форматирования шрифтов, цветов и т. Д. Поиграйте с «Предварительным просмотром печати» и добавьте элементы, которые вы нужно, пока вы не получите распечатку, которую искали.