Question

我正在建立我的portefolio，现在正在开展一些有趣的项目。我正在开发一个天气应用程序/网站。我想稍微调高一点，并在背景中使用动画svg。我之前从未真正这样做过，所以现在我遇到了一个问题。没有溢出：隐藏在svg中。如果你们中的任何一个人可以看看我的工作，看看此时是否有任何改进（因为我显然没有完成），并希望帮助我找到解决溢出问题的方法，这将是很好的。我在这里发布了它：http://amolle.com/weather/

//编辑包含svg

的对象的Css

 object {
  overflow: hidden;
  display: block;
  right:0;
  object-fit:cover;

  height:100vh;
  bottom:0;
  position: fixed;

}

HTML：

   <div id="all">
  <div class="interface" id="inter">
    <div class="upper">
    <h1 id="location"></h1>
    <h4 id="condition"></h4>
    <div><label >&deg C</label>
       <label class="switch">
  <input type="checkbox" id="switch">
  <div class="slider round"></div>
  </label> <label >&deg F</label>
</div>
<h1 id="temp"></h1>

    </div>
  <section class="lower">
<!-- Stuff in here is useless-->>
   </section>
  </div>
	<div class="wrap" id="wrap">
<object id="mysvg" data="bg.svg" type="image/svg+xml" draggable="false">
  
</object>
</div>


 </div>

Answer 1

刚刚发现答案非常简单。我需要做的就是添加另一种样式：

svg{
  pointer-events: none;
}

SVG溢出：隐藏？

1 个答案: