【问题标题】:Is it possible to utilize negative space with HTML/CSS? [duplicate]是否可以在 HTML/CSS 中使用负空间? [复制]
【发布时间】:2014-11-11 23:33:09
【问题描述】:

是否可以在背景颜色中创建/剔除/剪切负空间或在文本中包含图像?



图片示例

【问题讨论】:

  • 简短回答:不。长答案:如果你使用 SVG,你可以做这些事情。 SVG 可以填充图像。但我想这并没有真正的帮助。
  • 这在一定程度上确实有帮助;我没想到!
  • 是的,你可以,我把它看作是 CSS。给我一分钟,我会找到的。
  • 呸呸呸呸……在我之前到达那里……

标签: html css


【解决方案1】:

http://jsfiddle.net/4zg30ggz/1/

.container {
    background: url("http://www.naircare.co.uk/images/main/hub/bg-face.jpg");
    height: 450px;
    width: 600px;
}
.inner {
    position: absolute;
    width: 300px; 
    height: 100px;
    top: 160px;
    left: 265px;
}
.clear {
    width: 100px;
    height: 90px;
    border: 5px solid white;
    float: left;
}
.text {
    width: 180px;
    height: 90px;
    border: 5px solid black;
    float: left;
    background-color: white;
}

如果你试图做我认为你在做的事情......如果不对,请告诉我。

【讨论】:

  • 和他想做的完全不一样,这不是看透文字的。
  • 我很欣赏这项工作,但我更想知道是否有办法从背景中减去前面的对象。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-10-02
  • 2021-06-30
  • 1970-01-01
  • 1970-01-01
  • 2015-09-11
  • 2011-05-04
相关资源
最近更新 更多