只有邊框的div

-12

我在另一個div上創建了一個div來創建邊框。只有邊框的div

Here是一個例子：

現在我有一個問題：如果我把鼠標移動到圖片，我得到了重點div與邊境只有（爲前，如果我想點擊右鍵並保存。 img）但div一直都是空的（僅用於邊框）我怎麼能忽略div的中心部分？

我使用了div，因爲我將邊框放在圖像/其他東西上，並且我無法使用原始邊框獲得相同的結果（放置在圖像外部，並且從邊框和圖像中獲得空白區域）。

在this jsfiddle維度不正確。（我把邊界用js代碼）

img = $('<div style="position:absolute; width: ' + ($(this) .outerWidth(true) + 
    leagueBorders[templeague].width) + 'px; height: ' + ($(this) .outerHeight(true) + 
    leagueBorders[templeague].height) + 'px; max-width: none; top: '+ 
    ($(this).position().top + leagueBorders[templeague].top) +'px; left: '+ 
    ($(this).position().left + leagueBorders[templeague].left) +'px;" 
    class="'+leagueBorders[templeague].classe+'"></div>');`

但是你可以很容易地看到問題。如果你右鍵點擊圖像，你會得到一個空白空間的右鍵菜單，而不是圖像選項。
如果我用滾動條（而不是圖像）的文本我不能使用滾動條。

來源

2014-07-17 Trigun

您認爲該標題是什麼？ – Sekai

請發佈您的HTML。 –

在jsfiddle中重現它 –

因爲您沒有看到任何內容，div並不是空的。一個div可以有一個透明的內容，這並不意味着ti是空的。它就像一個透明的層。這就是爲什麼它需要重點。你應該使用CSS邊框屬性來適合你的邊框到圖像上。或者，您應該將圖像包裝在容器（div）中，並將特定的css規則應用於此容器，以便您的邊框適合。有邊界工作時，這樣

來源

2014-07-17 10:16:01 TCHdvlp

使用CSS：

border-size:2px; 
border-style:solid; 
border-color:black;

來源

2015-09-18 09:21:43

你需要修復你的HTML標籤和使用CSS來完成所有的圖形工作。確保img標記位於div之內，然後使用以下CSS。 SEE PICTURE HERE

 .rank-Platino { 
     overflow: hidden; 
     border: 15px solid transparent; 
     border-image-slice: 95 80 95 80; 
     border-image-width: 50px 50px 50px 50px; 
     border-image-outset: 0px 0px 0px 0px; 
     border-image-repeat: stretch stretch; 
     border-image-source: url("https://dl.dropboxusercontent.com/u/30396291/LOL/border/plat-border.png"); 
     margin:6px; 
    } 

<a class="avatar"> 
    <div style="position:absolute; width: 90px; max-width: none; top: 0px; left: 0px" class="rank-Platino rank-border"><img height=163 width=90 class="user_summoner_icon PLATINUM rank-border" src="http://www.mobafire.com/images/champion/skins/portrait/rammus-full-metal.jpg"></div> 
    </a>

來源

2015-10-28 23:20:13 Jtuck

只有邊框的div

回答

相關問題