jQuery Forum

Hello again.

I tried for a couple of ours and now I have achieved this and it works as what I want.

The only problem I have is that triangle aria on black stripe.

I have seperated and saved that triangle and used it as a background image with this code :

background: url('triangle.png') 100% 0 no-repeat #000;

but the result is this :



I have added a color overalay of red to show you what the problem is and actually that triangle is black.

Now is there any way to remove the black background of after triangle?

Make the background transparent instead of black:

1. background: transparent url('triangle.png') 100% 0 no-repeat;

Hello and thanks for your answer.

But the problem is this:

I want to have that black stripe and in the end that triangle and with transparent background the hole black stripe will be hidden.

I want this:

You can't achieve that without having the triangle as a separate object. You can't position background outside the element.