Question

我正在使用谷歌网站翻译，但当我将该页面翻译成另一种语言时，浏览器顶部会出现一个下拉列表，导致我网站的所有内容都被删除，除了背景图像。

我的网站是http://www.trialwebsite.comze.com/Index.html

您可以查看它，并可以查看我的来源以了解问题。正文和背景照片的代码是：

body {
margin: 0;
padding: 0;
color: #555;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px; 
background-color: #fff; 
background-image: url(images/templatemo_header.png);
background-position: top;
background-position:inherit;
background-repeat: repeat-x
}

Answer 1

尝试将以下样式添加到您网站的样式表中：

.skiptranslate {display: none !important;}

这应隐藏Google在翻译完成后放置在您网站上的栏。

Answer 2

你可以将背景移到身体外面，这样它就成了谷歌翻译的DOM元素。

在<body>标记下方插入此内容：

<div class="background"></div>

然后将其添加到样式表中：

 .background {
     background-image: url(images/templatemo_header.png);
     height: 188px;
     position: absolute;
     width: 100%;
  }

编辑：并从body css规则中删除背景属性。

谷歌翻译下拉背景图片背后

2 个答案: