ошибка при печати страницы с помощью CSS

Пользователь имеет возможность распечатать текущую страницу с веб-сайта при нажатии на элемент из меню:ошибка при печати страницы с помощью CSS

<li> 
    <a href="#" onClick="window.print()"> 
    <i class="icon-print"></i> 
    Print Page 
    </a> 
</li>

страница имеет таблицу и в каждой строке имеется (обрезает внутреннюю ссылку для перенаправления на другую страницу).

Проблема заключается в том, что при просмотре страницы, ссылки на страницы появляется в явном виде, как это:

также меню (JavaScript) также отображается ...

Что может Я могу это исправить?

Это мой print.css:

.header { 
    display: none; 
} 

.page-sidebar { 
    display: none; 
} 

.color-panel { 
    display: none; 
} 

.hidden-print { 
    display: none; 
} 

.footer { 
    display: none; 
} 

.no-page-break { 
    page-break-after: avoid; 
} 

.page-container { 
    margin: 0px; 
    padding: 0px; 
} 

.page-content { 
    min-height: auto !important; 
} 

.breadcrumb { 
    display: none; 
}

источник

2013-12-13 Limon

в вашем 'print.css', добавить' .options {display: none; } ', предполагая, что ваша страница« imprimir »и другие параметры находятся внутри класса' options' и что у вас есть 'print.css'. –

У вас есть отдельный файл css для печати (печать на носителе)? – RononDex

Вы сказали: «На странице есть таблица, и в каждой строке есть кнопка (обрезанная с внутренней ссылкой для перенаправления на другую страницу).', Что это id/класс? Вам в основном нужно скрыть это. –

Я исследовал и обнаружил, что в раскрывающемся меню, что я хочу, чтобы скрыть при печати в списке, то я должен использовать этот :

.dropdown-menu li { 
display: none; 
}

и Hidding ссылки:

a[href]:after { 
content: none !important; 
}

, так что теперь я получил это правильно :)

источник

2013-12-13 16:03:45 Limon

ошибка при печати страницы с помощью CSS

ответ

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