用IE瀏覽無中生有的版友應該有發現多出了一行"提示語"
光是弄這行提示語就消磨掉了我不少時間...
會突發奇想的新增它主要是因為我在用IE看自己網頁的時候
總會有一堆問題!
像是..自由欄位-開站日期 下面空的太大..
之前聯播文章也會跑位 甚至不顯示..
無中生有本身是在Firefox的情境下寫的
包括許多外掛語法也都主要依照Firefox瀏覽出的樣子來做取決
當然..若能做到兩全其美
兩個瀏覽器都沒問題那更好~
但IE還有個難搞的傢伙處理不掉.."相容性檢視"
無中生有在IE(非相容性檢視)的情況瀏覽下還算OK
不過到了"相容性檢視"瀏覽就有些問題會跑出來了
當然 問題也可能包括是解析度上的不同
建議是使用1280X1024解析度瀏覽
寬螢幕可能就要委屈一下了..
語法(紅色部分請自行更改):
<div style='position:absolute;width:770px;top:-200px;left:150px';>
<!--[if IE]>
<div style="background-color:Transparent;margin:5px 0 5px 0;padding:0px 0px 0px 0px;border-color:Transparent; border-style:solid;border-width:0px;">
<p><font size="3"><font color="white">您好，您目前使用的是IE瀏覽器，建議使用更快速的瀏覽器！<a target="_blank" href="http://moztw.org/"><font color="#EEFFBB"><u>Firefox瀏覽器</u></font></font><font color="red">【建議】</font></a><font color="white">、</font><a target="_blank" href="http://www.google.com/chrome/index.html?hl=zh_tw&brand=CHMB&utm_campaign=zh_tw&utm_source=zh_tw-ha-apac-tw-sk&utm_medium=ha"><font color="#EEFFBB"><u>Google Chrome</u></font></a><font color="white">。並建議使用</font><a target="_blank" href="http://blog.xuite.net/jason_kuso/kuso/30554481"><font color="#EEFFBB"><u>1280x1024解析度</u></font></a><font color="white">瀏覽</font><a target="_blank" href="http://blog.xuite.net/jason_kuso/kuso"><font color="#CCEEFF">【無中生有】</font></a><font color="white">。</font></font></p>
</div>
<![endif]-->
</div>
語法解說(紅色字請自行更改)
1.
<div style='position:absolute;width:770px;top:-200px;left:150px';>
解說:
即是先前所講解過的定義絕對位置
可參考舊文-【html】把網頁語法放到自由欄位外
2.
<!--[if IE]>
解說:
意思是"若瀏覽者是使用IE瀏覽器則會顯示"
甚至能加上版本號 <!--[if IE8]> 不過如此就只會有IE8的瀏覽者能看到
當然你也能將他改成<!--[if Firefox]>或者其他瀏覽器
或是<!--[if lt IE8]> 意思是IE瀏覽器的版本號小於IE8(IE8以下版本)
附註
lt (該瀏覽器版本號小於)
lte (該瀏覽器版本號小於等於)
gte (該瀏覽器版本號大於等於)
gt (該瀏覽器版本號大於)
3.
<div
style="background-color:Transparent;margin:5px 0 5px 0;padding:0px 0px
0px 0px;border-color:Transparent;
border-style:solid;border-width:0px;">
解說:
background-color:Transparent
為定義該區域內背景顏色
Transparent為透明
(色碼表參考:http://nthucad.cs.nthu.edu.tw/~yyliu/color.html)
border-color:Transparent
定義該區域"外框"的顏色
border-width:0px
定義外框寬度
4.
<p><font size="3"><font
color="white">您好，您目前使用的是IE瀏覽器，建議使用更快速的瀏覽器！<a target="_blank" href="http://moztw.org/"><font
color="#EEFFBB"><u>Firefox瀏覽器</u></font></font&
gt;<font color="red">【建議】</font></a><font
color="white">
<font size="3">文字</font>
解說:定義文字大小 數字越大 文字越大
(無法使用帶有小數點的大小 如:3.5)
<font
color="white">文字</font>
解說:定義文字的顏色 可用色碼
(色碼表參考:http://nthucad.cs.nthu.edu.tw/~yyliu/color.html)
<a target="_blank" href="http://moztw.org/">作為超連結的文字</a>
解說:此為將文字變成超連結 紅色字為欲連結到的網址
<u>文字</u>
解說:底線
附註
<b>文字</b>
解說:粗體
<s>文字</s>
解說:刪除線
<i>文字</i>
解說:斜體
只要將以上所解說的部分(紅字部分)加以更改
就能做出一個提示語嚕~
沒有留言:
張貼留言