带背景图像的对角div边框css
我试着让两个div相邻，它们之间有一个对角线空间。我在stackoverflow上看到过多个关于对角线div的教程，但它们都是通过为带有纯色的div使用两个边框并使用它们创建的对角线来实现的。但我想要图片/背景图像，而不是纯色。甚至可能还有其他内容，比如在对角线下的文本。当使用边框时，这是不可能的，因为边框在div之外。（floatright隐藏溢出或其他内容。）
这里有人能给我一个提示如何实现这一点吗？我的所有测试都以没有接近我想要的水而结束。类似于这样：
如果有人能帮我指出这一点，我将非常感谢。
共有1个答案
将以下样式添加到第二个图像
<style>
.img2{
margin-right:-10px;
}
<style>-
我试图用圆角做一个边框。边框内应该是设置边框的组件决定绘制的任何内容，边框外应该“没有”；也就是说，它应该在这些地方绘制父组件的油漆。 我想得到的是： 我得到的是： 看到带有蓝色边框的容器的白色角落。我需要摆脱它们。我正在尝试使用自定义来实现这一点： 当父组件有一个坚实的背景时，这可以很好地工作，但是如果它有一个背景图像，它当然不会。有没有办法获得在上述地方绘制的实际颜色？ 有没有更好的方法来实现
-
我有一个带有平铺背景图像和边框图像的Div。边框图像是带有角设计的透明. png，所以边框周围大约有90像素厚。IE在边框内启动背景图像，其中FF、Chrome和Safari在边框的外部边缘启动背景图像。在IE中，这会导致背景颜色（或主体的背景）通过透明. png边框图像显示。我尝试了背景剪辑和位置，让IE从边框外部开始背景图像，但没有运气。 我错过了什么或建议吗？样品现在就直播@样品 } 父对象
-
我需要设置文本从父div的背景，我得到的问题是，我不能设置背景，因为我有文本在另一个div。这里有一个例子。 null null 我需要H1是粉红色作为第一个div。在我的项目中，我不使用粉色，而是背景图像。
-
问题内容： 我在以下div中有一个背景图片，但是该图片被截断了： 有没有一种方法可以显示背景图像而不将其剪切掉？ 问题答案： 您可以使用])属性来实现此目的，大多数浏览器现在都支持该属性。 缩放背景图像以适合div： 要缩放背景图像以覆盖整个div：
-
我有一个背景图像和它周围的边框，所以我需要把边框放在我的背景图像下，就像它在我的草稿中显示的那样。草稿图像 现在我有这样的东西。我的结果 我如何修复它？ CSS .hero图像{ 位置：相对； 宽度：100%； 左边距：44px； 最大宽度：716px； 高度：626px； 背景图像：url（“/img/hero/hero bg.jpg”） 背景重复：不重复； 背景位置：-150px； 背景剪辑：
-
问题内容： 背景图像可以延伸到div的边界之外吗？溢出：可见是否适用于此？ 问题答案： 不，背景不能超出元素的边缘。 的风格控制如何元素反应时的含量大于所述元件的指定的尺寸。 但是，can 内的浮动元素可以在div之外延伸，并且该元素可以具有背景。不过，这样做的作用是有限的，因为IE7和更早版本存在一个错误，该错误会导致IE7 增长，而不是让浮动元素显示在其外部。