Home  >  Article  >  Web Front-end  >  Urgent! Urgent! Troublesome questions about background images, transparent FLASH, hyperlinks_html/css_WEB-ITnose

Urgent! Urgent! Troublesome questions about background images, transparent FLASH, hyperlinks_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:25:441260browse

This post was last edited by zhaishang1 on 2013-12-16 09:07:25

I have three DIVs, set to FLOAT, displayed side by side, the middle one has a fixed width of 1280PX, and the remaining two sides are based on the screen width Sizes are distributed evenly.
Then I added a background image to the middle DIV, and the two adjacent DIVs also added background images to supplement the corners. Finally, I inserted a transparent FLASH into the middle DIV. At present, these have been perfectly implemented. The effect is as follows:

You can see that there are transparent FLASH effects on the top and in the middle. These two FLASH are in the middle DIV. There are stars on the top and butterflies in the middle.
But here comes the problem, I now want to add hyperlinks to these 5 icons in the background image.
If you don’t have these FLASH, it’s easy. Just change the middle DIV into an IMG, then turn this IMG into a block-level element, and finally use the MAP tag to add usemap to the IMG tag. But I want to keep these FLASH now, because the original situation is that there is a DIV in the middle, and then it is just the background-image
set. Therefore, content can still be placed in DIV, such as these two FLASH. Now it has been replaced by IMG, which is a real picture. FLASH can no longer be placed in it, and it will be squeezed underneath if it is placed again. Of course, you might say adding a background-image to the IMG, but that doesn’t work. I’ve tried it.
What’s the explanation? Requesting experts

Reply to the discussion (solution)

Put a div.absolute inside the outer div.position:relative
and use this div to carry clickable images.

I don’t quite understand, give it a like!

Put a div.absolute in the outer div.position:relative
and use this div to host clickable images
Yes, I already solved it before I read your reply. Yes, but it's exactly the same as my solution.
It’s just that those 5 icons are already part of the background image. I put the icons in when I made this background image.
So the last five newly created DIVs are directly used to carry hyperlinks.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn