我們可以在CSS中創建沒有Javascript的onclick popup嗎？

我們可以在CSS中創建沒有Javascript的onclick popup嗎？我們可以在CSS中創建沒有Javascript的onclick popup嗎？

2009-11-17 Jitendra Vyas

您通過彈出窗口瞭解什麼？ – Gumbo 2009-11-17 10:50:07

你能詳細解釋一下你的問題嗎？ – theraneman 2009-11-17 10:52:08

@Gumbo - 在點擊一個鏈接我想打開一個新的窗口，自定義尺寸 – 2009-11-17 10:52:35

不，你不能。你必須使用腳本來連接onlcick的事件處理程序。

<a href="Somepage.html" target="_blank">Click me</a>

並且用戶代理確定頁面是否應該在新窗口或選項卡中打開。

如果您需要自定義大小的新彈出的窗口中，你必須使用

window.open

，你不能使用，沒有腳本。

來源

2009-11-17 10:50:06 rahul

然後我們可以使用顯示的東西onhover沒有點擊使用CSS：懸停？ – 2009-11-17 11:07:21

我強烈建議你只使用javascript。可能是一個框架。但你在這裏問的是可能的。拿出這個鏈接 http://stackoverflow.com/questions/1266929/showing-floating-div-in-a-gridview/1267290#1267290 它應該提供您尋找的答案。 – Zoidberg 2009-11-17 11:33:54

從理論上講，你可以用<button>,:focus和一些討厭的定位代碼來僞造它。

...但這會涉及到極端的醜陋水平。

CSS並非專門用於爲頁面添加交互性。它是一種演示語言。

讓JavaScript處理自定義的交互，就是這樣（但總是務實的 - progressively enhance）。

來源

2009-11-17 10:56:58 Quentin

你不能，但你可以使用CSS創建工具提示。 It can do the trick：

您可以設置一個適當的標記：

<div id="example"> 
    Result : 
    <a href="#" class="tooltip"> 
     Article 1 
     <span>Article 1's Title, Article 1's description.</span> 
    </a>. 
</div>

然後用hover樣式是：

#example { 
    float:left; 
    width:400px; 
    padding:15px; 
    background-color:#FFFFFF; 
} 
a { 
    background-color:#FFFFFF; 
    color:#000000; 
    text-decoration:underline; 
} 
a:hover { 
    background-color:#ffffff; 
    text-decoration:none; 
} /* background-color for IE6*/ 

/* hiding the tooltip*/ 
a.tooltip span { 
    display:none; /* if you have accessibility issues, you may choose other hiding tricks*/ 
    padding:2px 3px; 
    margin-left:10px; 
    width:150px; 
} 
/* display on hover*/ 
    a.tooltip:hover span{ 
    display:inline; 
    position:absolute; 
    border:1px solid #cccccc; 
    background:#ffffff; 
    color: #000; 
}

來源

2009-11-17 11:34:19

正如我所說，你不能打開沒有JavaScript或使用_blank彈出。您可以將內容顯示在懸停上。沒有任何東西阻止你使用我在當前彈出窗口中看到的內容使用我提供給你的代碼片段。 – 2009-11-17 15:37:20

U可以使用CSS創建點擊彈出.. 使用CSS檢查性能例如

input:checked { 
    height: 50px; 
    width: 50px; 
}

你必須是使用這個有點棘手。使用此鏈接以獲得更好的支持

http://www.corelangs.com/css/box/fulloverlay.html#

來源

2016-05-16 05:42:44

我們可以在CSS中創建沒有Javascript的onclick popup嗎？

回答

相關問題