2014-06-18 46 views
0

border-style:dotted工作是不是在Firefox邊框樣式,虛線是不是在Firefox

工作,我已經在Here比IE屬性hidden其他所有屬性支持讀的是所有的瀏覽器。

但與我的代碼border-style:dotted不起作用,但如果我會給border-style:solid它工作。 (如果我只是改變border-style:solid它會正常工作??但爲什麼?) 任何解釋我爲什麼會發生?

See Here 請嘗試運行fiddle,chromefirefox

謝謝!

+0

我不認爲這是一個的給你的麻煩了'邊境style'財產 - 這是別人在你的代碼的東西。 [在FF和Chrome中查看此內容](http://jsfiddle.net/tb48r/6/) –

+0

爲什麼你分配了0和0的寬度,chaning它們給出了這樣的內容http://jsfiddle.net/tb48r/7 /。這是你想要的嗎 ? –

+0

@Mustafasabir我跟着這個http://css-tricks.com/snippets/css/css-triangle/創建三角形.. –

回答

0

也許試試這個語法:

element { 
border: [thickness]px [type] [color]; 
} 

例子:

body { 
border: 10px solid black; 
} 
-- 
body { 
border: 20px dotted black; 
} 
-- 
body { 
border: 30px dashed black; 
} 
-- 
body { 
border: 40px groove black; 
} 

UPDATE:

在您的查詢,這是不工作了,不行的,因爲

=>您已經將邊界作爲bac應用kground。如果仔細觀察,則使用邊框寬度屬性時,邊框樣式將被拉伸以形成背景。不要認爲它是背景顏色。您不能在邊框上應用邊框。 =>爲了使它工作,要麼引入另一個僞元素或實際元素,並讓它做你想做的事情。

+0

我懷疑是爲什麼它不工作? –

+0

看看我是否會改變邊框樣式:固定它會正常工作?但爲什麼? –

+0

檢查更新。 – mehulmpt

1

CSS三角形依賴邊界屬性將其渲染爲三角形,使其在點陣或實線無關緊要,因此不會將邊界顯示爲「虛線」 - 如果您在小提琴上嘗試它,您可以看到改變邊界上的顏色實際上會改變整個三角形。

三角形:http://css-tricks.com/snippets/css/css-triangle/

+0

可以請你告訴我,如果邊框式財產不給麻煩,這是什麼問題? –

+0

對不起,我無法給出正確的答案,我所說的是我不認爲你可以專門給CSS三角形的邊界,因爲他們依賴邊界屬性本身成爲一個三角形。 –