对角div边框CSS与背景图片

Question

I'm trying to get 2 div's next to eachother with a diagonal space between them. I've seen multiple tutorials en stackoverflow's about diagonal divs, but they all do this by using 2 borders for the div with a solid color and use the diagonal line those create. But I want to have pictures/background image instead of a solid color. And maybe even other content like text that go's under the diagonal line. And that's not possible when using borders, as a border is outside the div. (floatright with overflow hidden or something for the content.)

Could anybody here give me a hint how to achieve this? My tests all ended with nothing close to wat I want. Something like this:

Thanks a lot if anybody could point this out for me.

Answer 1

add following style to the second image

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