Tab page switching_html/css_WEB-ITnose

tab web cut image tab page cut image

As shown above, it is normally as shown above. When the mouse moves up, the background of the current item will be switched. I can't think of a good way to cut the background. Ask God for help! ! ! ! ! ! ! ! ! ! ! ! !

Reply to the discussion (solution)

.....how to answer this

The upper and lower pictures overlap There is still a picture underneath blocked by the bevel

Black direct square cut to the maximum length
White transparent bevel

..... How to answer this

The upper and lower pictures are overlapping. There is still a picture below when blocked by the bevel.

Black direct square cut according to the maximum length
White transparent bevel

Large Looking for detailed explanation, I am stupid

Is it going to sink?

selectTag is tab style
function tabsCheck(can, selfObj) {
                                                                                    ment .getElementById("tags").getElementsByTagName("li");
var taglength = tag.length; tag[i]. className = "";
}
It's not that troublesome, it's actually very simple, just use a few ps to cut two pieces Figure, They are your two tabs, and then set the picture as the background. Then, when the mouse moves up, you can change the background in js

I solved it myself, but I still thank you all very much.