多个标志同时出现多个标志

Question

我正在创建一个网站并设计了标题

红色和蓝色是图像 黄色是一个导航栏 圆圈是徽标 我的问题是我无法同时将徽标放在图像和导航div的div中。这是可能的还是我应该考虑一个新的设计。也许我看错了。

Answer 1

你的问题是在导航和div上都有相同的图像。

Pen here!

您可以使用背景图像轻松完成并设置相同的图像。

  background-image: url(http://s.glbimg.com/jo/g1/f/original/2016/05/02/palestinian-gaza-daily_life_mohammed_abed_afp.jpg);
  background-size: cover;
  backgroud-position: center center;

Answer 2

这可以使用纯CSS实现。这是获得你想要的东西的可能方法：

＆＃13;

＆＃13;

<div id="one">
  <div id="two">
  </div>
  <div id="three">
  </div>
</div>

＆＃13;

display: block

＆＃13;

＆＃13;

＆＃13;

将 divs 替换为任何块元素，它也应该有效。否则，您需要设置gcc。