自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

淺析十個(gè)IE不支持的CSS樣式屬性

開(kāi)發(fā) 前端
我們這里將介紹十個(gè)IE不支持的CSS樣式屬性,希望本文能對(duì)大家在IE下使用CSS樣式有所幫助。

對(duì)于有些CSS樣式屬性,IE并不支持。掌握這些不支持的屬性,我們就可以在今后的網(wǎng)頁(yè)設(shè)計(jì)中,避開(kāi)這些CSS樣式屬性。

今天的這篇文章主要講了:IE6對(duì)一些CSS樣式屬性的不支持。了解IE6不支持哪些屬性,我們就可以根據(jù)瀏覽器有針對(duì)性的去寫(xiě)css樣式代碼和hack了。 

1.outline屬性:

outline(輪廓)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。

outline屬性是一個(gè)簡(jiǎn)寫(xiě)屬性,用于設(shè)置元素周圍的輪廓線。

注釋:輪廓線不會(huì)占據(jù)空間,也不一定是矩形。我認(rèn)為outline屬性好就好在,字不占據(jù)任何的空間。outline的作用就像border一樣也是為了突出某個(gè)元素,但是如果是某些塊及元互的話,如果加border的話,整體的寬度會(huì)增加2px. 因?yàn)閛utline不支持IE瀏覽器,所以我們經(jīng)常用borde屬性。

2. Inherit (值)屬性:

inherit故名思意是“繼承”的意思。所以它所表達(dá)的值也是繼承相關(guān)的了。
通過(guò)在特定元素上設(shè)置某些樣式來(lái)告訴該元素 “繼承”它父級(jí)元素的所有已添加的屬性,這樣你就可以避免相當(dāng)多的鍵盤(pán)輸入。
這可以通過(guò)設(shè)置 inherit 來(lái)很容易的實(shí)現(xiàn)。比如,當(dāng)重寫(xiě) background 屬性的時(shí)候,常常會(huì)有很多的文字在該屬性中(色彩、圖片的URL地址、位置等)。所以,與其重新寫(xiě)這些值,你可能僅僅想要考慮中的元素和其父級(jí)元素有相同 的背景屬性,一個(gè) inherit 值就可以搞定一切——這顯然大大的節(jié)省了鍵盤(pán)輸入。
給大家一個(gè)簡(jiǎn)單的inherit 小實(shí)例你會(huì)很明白了:

  1. <html><style> 
  2. body { color: red; background: green ;}  
  3. h1 { color: yellow; background: blue ;}  
  4. p {color: white ; background: black ;}  
  5. em {color: inherit ;} /*這個(gè)"繼承"是默認(rèn)的,可以不寫(xiě)*/  
  6. </style><body> 
  7. <h1>aaa <em>繼承的文字</em> aaa</h1> 
  8. <em>繼承的文字</em> 
  9. <p>P中間的文字</p> 
  10. <em>繼承的文字</em> 
  11. </body></html> 

很可惜的是inherit 值在IE6和IE7不被支持(除了用于 direction (文字方向) 和 visibility 屬性)。

3.Empty-Cell屬性

empty-cells屬性設(shè)置是否顯示表格中的空單元格(僅用于“分離邊框”模式)。

注釋: IE瀏覽器不支持此屬性。

繼承性:Yes

Empty-Cell屬性的兩個(gè)值:

hide 默認(rèn)。不在空單元格周圍繪制邊框。

show 在空單元格周圍繪制邊框。

實(shí)例如下:table{  empty-cell:show; }

該屬性只用于table或者”display”屬性被設(shè)置為”table-cell”的元素。如果你動(dòng)態(tài)的為一個(gè)table添加內(nèi)容,就可能會(huì)遇到某個(gè)單元格的內(nèi)容為空的情況,然后你又不希望這個(gè)空的單元格的邊框、背景色、背景圖片等隱藏掉, ”empty-cells: show”解決這一問(wèn)題。相反可以用”empty-cells: hide”它會(huì)將會(huì)使單元格完全隱藏掉。

4.Caption-Side屬性

設(shè)置或檢索表格的caption對(duì)象是在表格的那一邊。它是和caption對(duì)象一起使用的屬性
說(shuō)到table 的屬性,這個(gè)屬性用于聲明顯示在表格的側(cè)欄的表格標(biāo)題。它接受 top 、 bottom 、 left 和 right 四個(gè)值。

Css樣式示例:

  1. table caption { caption-side: top; width: auto; text-align: left; } 

原文標(biāo)題:10個(gè)IE不支持的CSS樣式屬性詳解(一)

鏈接:http://www.cnblogs.com/listly/archive/2009/09/18/1569471.html

【編輯推薦】

  1. CSS 3中的炫目新功能搶先預(yù)覽
  2. CSS 3備受期待的8大功能
  3. CSS網(wǎng)頁(yè)布局困擾新手的八個(gè)問(wèn)題
  4. 25個(gè)下拉菜單導(dǎo)航腳本下載
  5. HTML 5 正式標(biāo)準(zhǔn)恐將2022年才能正式發(fā)布
責(zé)任編輯:彭凡 來(lái)源: 博客園
相關(guān)推薦

2010-09-06 15:35:27

2010-08-20 09:47:54

2010-08-27 16:07:50

2010-09-03 14:57:33

CSS樣式表CSS

2010-08-18 16:34:53

IE6CSS

2010-08-23 15:07:28

IE6CSS

2010-09-01 13:08:42

2012-07-06 09:27:29

jQuery2.0

2011-12-09 20:28:50

2023-02-26 21:56:14

2010-09-08 14:35:22

CSS

2023-11-01 10:14:02

前端CSS屬性

2022-07-07 09:19:24

JavaScript代碼樣式規(guī)則

2011-03-18 10:37:27

2009-11-26 15:53:58

IE9系統(tǒng)發(fā)布

2013-04-19 14:28:42

jQueryjQuery2.0

2010-12-21 14:59:10

CSS 3IE

2010-09-06 14:19:54

CSS

2022-07-28 13:01:35

CSS前端元素居中

2010-08-19 10:22:11

IE6min-height
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)