菜单div上的徽标图像就像图像一样

Question

我是新来的，我是css和html世界的新人。我尝试用我的自定义stlye编辑wordpress模板。

这是我的网址：http://codigomasivo.com.ar/dev/douglas/ 我想改变徽标部分。

我找到的结果是：http://puu.sh/iMZq4.jpg

我尝试将徽标置于＆＃34;位置：绝对;＆＃34;但是当我滚动页面时，徽标会向下移动。

抱歉我的英文。我来自阿根廷。提前致谢

Answer 1

如果您希望徽标覆盖菜单的边框，则可以为菜单设置固定的高度，例如height: 70px。

然后，对于您的徽标，您可以使用：

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

我在here上面找到了代码。

请务必在您的徽标上使用z-index: 7000，否则顶行会与其重叠。

Answer 2

1. 创建一个包含实际栏的div
2. 将实际条形减少到您想要的高度
3. 将新div的背景颜色更改为透明（background-color: transparent）
4. 确保您的徽标图片的height = new-div-height，而old-bar-div更短。

希望我能为您解释清楚。

1. Crea un div que contenga la barra actual
2. 减少la barra实际a la altura que desees
3. Cambia el color de fondo de la nueva div a transparente（background-color: transparent）
4. Asegurate de que tu foto tenga height = new-div-height y que la div de la antigua barra sea mas corta。

Espero hasrtelo explicado suficientemente bien。