对角线div边框与背景图像的css

我想获得2 div的旁边eachother与他们之间的对角线空间。我已经看到了多个关于对角线divs的教程和stackoverflow，但是他们都通过使用2个边框为纯色使用对角线创建对角线。但我想拥有图片/背景图片而不是纯色。甚至可能还有其他内容，如文字在对角线下。当使用边框时，这是不可能的，因为边框在div之外。（浮动溢出隐藏或内容的东西）。对角线div边框与背景图像的css

有没有人在这里给我一个提示如何实现这一目标？我的测试全部结束，没有接近我想要的扫管笏。事情是这样的：

enter image description here

非常感谢，如果任何人都可以指出这一点对我来说。

来源

2013-12-23 Tomcent

你或许应该张贴，你试过到目前为止代码和/或创建[的jsfiddle]（ http://jsfiddle.net）展示该代码，否则这可能会被关闭。 –

嗯，棘手。我想也许你可以用CSS转换做些事情，但2D转换不会像你想要的那样做梯形形状。 – user1618143

我会制作一个jsFiddle并将它张贴在这里，在本周2或以后的某个地方。现在是圣诞节了;） – Tomcent

-1

添加以下的风格到第二图像

<style> 
 
    .img2{ 
 
    margin-right:-10px; 
 
    } 
 
    <style>

来源

2016-10-13 08:01:34

对角线div边框与背景图像的css

回答

相关问题