css之其它技巧和經(jīng)驗列表

其它技巧和經(jīng)驗列表(*以下實例默認(rèn)運(yùn)行環(huán)境都為Standard mode):

  1. 如何讓層在falsh上顯示?

方法:

<param name="wmode" value="transparent" />

設(shè)置flash的wmode值為transparent或opaque
  1. 如何使用標(biāo)準(zhǔn)的方法在頁面上插入flash?

方法:

<object id="flash-show" type="application/x-shockwave-flash" data="*.swf">
  <param name="movie" value="*.swf" />
  <param name="wmode" value="transparent" />
  ![](*.jpg)
</object>

至于flash的寬高可以在css里設(shè)置
  1. 如何在點(diǎn)文字時也選中復(fù)選框或單選框?

方法1:

<input type="checkbox" id="chk1" name="chk" /><label for="chk1">選項一</label>
<input type="checkbox" id="chk2" name="chk" /><label for="chk2">選項二</label>

<input type="radio" id="rad1" name="rad" /><label for="rad1">選項一</label>
<input type="radio" id="rad2" name="rad" /><label for="rad2">選項二</label>

該方式所有主流瀏覽器都支持

方法2:

<label><input type="checkbox" name="chk" />選項一</label>
<label><input type="checkbox" name="chk" />選項二</label>

<label><input type="radio" name="rad" />選項一</label>
<label><input type="radio" name="rad" />選項二</label>

該方式相比方法1更簡潔,但I(xiàn)E6及更早瀏覽器不支持
  1. IE下如何對Standard Mode與Quirks Mode進(jìn)行切換?

IE6的觸發(fā)(在DTD申明前加上XML申明):

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>

IE5.5及更早瀏覽器版本直接以Quirks Mode解析。

所有IE版本的觸發(fā)(在DTD申明前加上HTML注釋):

<!-- Let IE into quirks mode -->
<!DOCTYPE html>

當(dāng)沒有DTD聲明時,所有IE版本也會進(jìn)入Quirks Mode。
  1. 如何區(qū)別display:none與visibility:hidden?

方法:

相同的是display:none與visibility:hidden都可以用來隱藏某個元素;
不同的是display:none在隱藏元素的時候,將其占位空間也去掉;
而visibility:hidden只是隱藏了內(nèi)容而已,其占位空間仍然保留。
  1. 如何設(shè)置IE下的iframe背景透明?

方法:

設(shè)置iframe元素的標(biāo)簽屬性allowtransparency="allowtransparency"
然后設(shè)置iframe內(nèi)部頁面的body背景色為transparent。
不過由此會引發(fā)IE下一些其它問題,
如:設(shè)置透明后的iframe將不能遮住select

待續(xù)及修訂。。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,091評論 1 92
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,808評論 1 19
  • 前端開發(fā)面試知識點(diǎn)大綱: HTML&CSS: 對Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,754評論 0 25
  • CSS技巧 1.div的垂直居中問題 vertical-align:middle; 將行距增加到和整個DIV一樣高...
    tiandashu閱讀 369評論 0 2
  • 歲月靜好,你們長相廝守就好,我只在一旁慢慢變老。 郭襄的愛情,一場還沒開始就已經(jīng)結(jié)束的單相思。 第一天進(jìn)簡書,一下...
    文青三十而惑閱讀 381評論 1 1

友情鏈接更多精彩內(nèi)容