小编sam*_*ail的帖子

如何在不使用照片编辑器的情况下实现此目的

我可以改变:

成:

不使用照片编辑器

这是CSS和HTML代码
我无法上传徽标,因为我应该至少有10个声望才能发布超过2个链接,所以我可能会将其插入另一个评论中

header {
  background-color: rgba(255, 255, 255, 0.9);
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 2;
}

header .logo {
  position: fixed;
  left: 50%;
  top: 13px;
  display: inline-block;
}

.background-image {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fff url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/%D0%94%D0%B7%D0%B5%D0%BC%D0%B1%D1%80%D0%BE%D0%BD%D1%8F._%D0%9F%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D0%BB%D1%83%D1%87%D0%B8_%D1%81%D0%BE%D0%BB%D0%BD%D1%86%D0%B0.jpg/800px-%D0%94%D0%B7%D0%B5%D0%BC%D0%B1%D1%80%D0%BE%D0%BD%D1%8F._%D0%9F%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D0%BB%D1%83%D1%87%D0%B8_%D1%81%D0%BE%D0%BB%D0%BD%D1%86%D0%B0.jpg') no-repeat center center;
  background-size: 100%;
}

Run Code Online (Sandbox Code Playgroud)

<body>
  <header>
    <div class="header-section logo">
      <a href="/">
        <img src="http://i.imgur.com/IB1gfZB.png" alt="...">
      </a>
    </div> …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

sam*_*ail

2017 07-11

5
推荐指数

1
解决办法

65
查看次数