Google переводчик верхняя панель скрыть

Question

Я использую переводчик Google для своего сайта. Я хочу скрыть верхнюю панель гугл-переводчика, дайте мне знать, как я могу это скрыть?

Пожалуйста, проверьте ссылку на мой сайт здесь http://www.rewords.com и дайте мне знать, чтобы я скрыл этот бар?

Спасибо

Answer 1

Сделано через CSS:

.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }

Answer 2

Некоторые изменения в ответе Иакова. Попробуйте написать,

<style type="text/css">iframe.goog-te-banner-frame{ display: none !important;}</style>
<style type="text/css">body {position: static !important; top:0px !important;}</style>

Это решит проблему.

Answer 3

Используя некоторый код из KDawg, добавляя margin-top и абсолютное позиционирование, я обнаружил, что это дополнение к CSS является решением для размещения только скрытого баннера перевода, который не появляется до тех пор, пока не будет выбран язык.

Это решение не влияет на расположение кнопки перевода или селектора языка, который остается на фиксированном заголовке.

} iframe.goog-te-banner-frame {
    position:absolute;
    margin-top:30px;

Answer 4

Если кто-то хочет, чтобы JavaScript выполнял эту работу, добавьте приведенный ниже фрагмент в свой документ. Уже

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

Как это работает : Google загружает панель инструментовв iframe с классом 'goog-te-banner-frame skiptranslate' и добавьте поле в 40px к верхней части HTML-тела.Таким образом, мы скрываем этот фрейм и устанавливаем поле body в '0px'.

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

Answer 5

Элемент тела попадет в поток - со статическим. Тогда вы можете правильно использовать отображение ни одного.

  body {top: 0px !important; position: static !important; }
    .goog-te-banner-frame {display:none !important}

Answer 6

скрыть, добавив javascript к событию onload тела

document.getElementsByTagName("frameset")[0].rows="0,*;