對角線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

回答

相關問題