超鏈接不能彈出

有一個彈出窗口，在頁面加載後立即出現。但是，我無法利用HTML內容中的鏈接。

這裏的HTML ...

<body onload="popup('popUpDiv')"> 

<div id="blanket" style="display:none"></div> 
<div id="popUpDiv" style="display:none"> 

<a href="#" onclick="popup('popUpDiv')" ><img src="images/x.png" /></a> 
     <br /> 
    <h3 style="color: #FFF; padding-left: 10px;">Updates to the AR Toolbox</h3> 
      <br /> 
       <br /> 
       <div style="width: 350px; height: 300px; text-align: left;"> 
       <p style="padding-left: 50px; color: #000;">• Check out the new rotating Announcement Board on the AR Toolbox!</p> 
        <br /> 
       <p style="padding-left: 50px; color: #000;">• Have you seen the new SUO Tour yet? Click <a href="#" target="_blank">here</a> to check it out!</p>     
        <br /> 
       <p style="padding-left: 50px; color: #000;">• South University and The Education Foundation Scholarship Committee are now on SharePoint. Click <a href="#" target="_blank"> here!</a></p> 
        <br /> 
     </div> 
</div>

當你看到彈出，你會看到我的所有的鏈接，在彈出的窗口的右上角分組，用「X」。

這裏有一個彈出的CSS ...

#blanket { 
    background-color:#111; 
    opacity: 0.65; 
    filter: alpha(opacity=65) 
    *background:none; 
    position:absolute; 
    z-index: 9001; 
    top:0px; 
    left:0px; 
    width:100%; 
} 

#popUpDiv { 
    position:absolute; 
    background-color: #fff; 
    background-image:url(../images/popup_bg.png); 
    background-repeat:no-repeat;  
    width:400px; 
    height:400px; 
    border:5px solid #000; 
    z-index: 9002; 
} 


#popUpDiv a { 
    background-image: url(../images/x.png); 
    background-repeat: no-repeat; 
    position:absolute; top:10px; right:10px}

我認爲在於「#popUpDiv一個」部分，但我不知道如何解決它。

任何想法？

編輯：這裏是jsfiddle

在第2點，你會看到「點擊檢查出來！」當它應該是「點擊這裏檢查出來！」

在第3個項目符號上，您將看到「單擊」，當它應該是「點擊這裏」。

但是，由於某種原因，所有鏈接都捆綁在右上角。

來源

2013-07-09 webfrogs

你可以把它放在一個小提琴什麼的，我真的不明白你想要做什麼 – eshellborn

我剛剛加了一個jsfiddle。對於那個很抱歉。我從現在開始做。 – webfrogs

請參閱上面的jsfiddle編輯。 – webfrogs

除了將樣式應用於a，只需創建一個樣式類並將其應用於popUpDiv即可。像這樣...

#popUpDiv .close { 
    background-image: url(../images/x.png); 
    background-repeat: no-repeat; 
    position:absolute; 
    top:10px; 
    right:10px 
}

，並將其應用到popup href ...

<a href="#" onclick="popup('popUpDiv')" class="close"><img src="images/x.png" /></a>

jsFiddle DEMO here

希望這有助於！

來源

2013-07-10 00:53:38 neo108

這就是我正在尋找的。非常感謝你，新！ – webfrogs

不客氣@JaredNewnam。 – neo108

超鏈接不能彈出

回答

相關問題