2014-09-19 3 views
0

Я в настоящее время использую Google Переводчик плагин для моего сайтаКак отключить переводчик google и установить margin-top: 0px для элемента body?

У меня есть alaready свойства

.goog-te-banner-frame{ 
    visibility:hidden !important; 

CSS, чтобы отключить Google перевести панель сверху.

Но Google Translator установил маржу-топ: 40px в тело HTML Тага ниже кода

<body style="margin: 0px; padding: 0px; position: relative; min-height: 100%; top: 40px;"> 

Так что мой сайт имеет 40px верхнего края, которые делают мой сайт неправильно с моей макет по умолчанию.

Как я могу установить CSS или Javascript для изменения моего верхнего поля до 0px;

Пожалуйста, помогите

ответ

3

Попробуйте body{top:0 !important;} в вашем CSS

+0

Благодаря теперь это было сделано, и я могу настроить с иконкой и другим макетом – hengsopheak

0

Если кто-нибудь хочет сделать это с помощью JavaScript, добавьте этот фрагмент в document.ready

var toolBar = document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0]; 
if(toolBar !== undefined) { 
    toolBar.style.display = 'none'; 
    document.body.style.top = '0px'; 
} 

Как это работает: Google загружает панель инструментов в iframe, чье имя класса «goog-te-b» anner-frame skiptranslate 'и добавьте 40px margin к вершине html body. Таким образом, мы скрываем этот фрейм и устанавливаем маркер тела на «0px».

Примечание: Обратитесь к требованиям атрибуции на Google https://cloud.google.com/translate/attribution