Question

我已将div标记的背景设置为svg文件。但它显示了滚动条..

这是代码......我想删除滚动条......

<div id="c"></div>

#c
{
width: 100px;
  height: 100px;
  border-radius:50%;
  background: url('http://www.festember.com/14/images/temp/Header/logo.svg');
  display: block;
  margin: 10px auto;
  border:1px solid tomato;
  background-size:100px 100px;
}

图片::

http://i.stack.imgur.com/d3EGa.png

Answer 1

如果您有滚动条，请包含此css

overflow:hidden;

所以你的课程看起来像

#c
{
  width: 100px;
  height: 100px;
  border-radius:50%;
  background: url('http://www.festember.com/14/images/temp/Header/logo.svg');
  display: block;
  margin: 10px auto;
  border:1px solid tomato;
  background-size:100px 100px;
  overflow:hidden;
}

更新：它可能不适用于有图像的容器，因此需要用另一个div包装

<div id ="wrapper">
  <div id="c"></div>
</div>

和css

#wrapper {
   overflow:hidden;
}

#c
{
width: 100px;
  height: 100px;
  border-radius:50%;
  background: url('http://www.festember.com/14/images/temp/Header/logo.svg');
  display: block;
  margin: 10px auto;
  border:1px solid tomato;
  background-size:100px 100px;
}

Answer 2

使用Firefox我没有看到任何srcollbar，但在Chrome和IE上并不是同样的情况。我研究了这个并尝试了一些东西，但滚动条仍在Chrome中。

我认为徽标的简单图片可以节省您的时间并解决问题。制作带有徽标的圆圈 - 在Photoshop上制作10分钟。

示例（HTML）：\

  <div id ="wrapper">
   <a class="logo" title="Company" href="home.html">
    <img alt="Company's logo" src="images/logo.png">
   </a>
  </div>

margin: 10px auto;已在logo课程中，您已完成。

从div标签CSS中删除滚动条

2 个答案: