Set a close button for the Div.

It's hard to build wheels.

Using the components provided by the framework, it is difficult to make a pseudo-component one day (or add new functionality to a page effect created by others). So, when you meet, you must make the next record. For future inspection.

, the Close button in the top right corner of the popup div is the one I added this time. Audience master may wonder, the original design did not close the button, design unreasonable AH. The original design did not. I have to have this experience.

The page is the Easyui used. The window that pops up doesn't work, and the customer doesn't like the effect. The div that pops up is a div written by the developer himself.

Add the button with the following code:

<div id= "AA" style= "z-index:9001;" ><a id= "BB" href= "javascript:void (0)" class= "Panel-tool-close bb-icon-close" ></A><TABLE> </table></div>

Css

. bb-icon-close {position:absolute;display:inline-block;margin:4px 0 0 280px;width:16px;height:16px;line-height: 15px;cursor:pointer;text-decoration:underline;vertical-align:top;text-align:left;}

The. Panel-tool-close is the Esayui style. is the picture of the Close button.

. Bb-icon-close is modeled after the Easyui example, a little bit debugged out. Except "margin:4px 0 0 280px;" It's a flaw that deserves to be hammered out. Others can be reused directly.

The first three sentences are the most important, position:absolute;     Display:inline-block; margin:4px 0 0 280px;

About Absolute, Mu class online has a video, explain very thorough. can go to study.

Set a close button for the Div.