Question

原始邮件11/26/17：

我是编码的新手，我在插入背景图片时遇到问题。我想在顶部导航菜单后面显示它，横跨整个屏幕宽度。我正在使用WordPress中的Tesseract主题，并插入代码在“附加CSS”下执行此操作。这是我到目前为止（虽然网页CSS包含真实的URL，但我在这里更改了图像URL以保护隐私）：

body { 
background: #f8f8f8 
url(http://examplewebsite.com/imagename.jpeg) 
repeat-x top; 
background-size: 1920px 100px; }

我弄清楚的部分是（1）如何正确缩放/裁剪图像（因为它现在被拉伸），以及（2）如何将图像锁定到页面顶部后面导航菜单，一旦向下滚动页面，菜单就会消失。

我知道我可能需要解决几件问题，所以我很感激你的帮助！

编辑（17/28/17）：

这段新代码看起来如何？图片实际上现在延伸到整个页面，而不是仅仅停留在顶部导航菜单后面的标题中。我想我写的“div”错了。

body { 
background: #f8f8f8 
url(http://examplewebsite.com/imagename.jpeg) 
repeat-x top; 
background-size: cover;}
div {position:absolute}

Answer 1

你可以使用＆＃34; background-size：cover＆＃34;或者＆＃34; background-size：包含＆＃34;并且也没有在身体中使用背景，只需定义新的div并给它＆＃34; position：absolute＆＃34;

Answer 2

进入 Tesseract Designer主题，您可以使用页眉布局背景图像轻松完成此操作。利用此选项， 外观 - ＆gt;自定义 - ＆gt;标题选项 - ＆gt;标题布局 - ＆gt;标题布局背景图像。 选择图像，您还可以选择图像重复启用/禁用。别忘了主题名称 Tesseract Designer Theme 来解决您的问题。

谢谢

在导航菜单后面的页眉中插入图像| Tesseract主题

2 个答案: