MozTW 討論區 • 檢視主題 - 有關於css的編輯問題

檢視沒有回覆的主題 | 檢視最近討論的主題

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

有關於css的編輯問題

第 2 頁 (共 2 頁)

[ 25 篇文章 ]

前往頁數上一頁 1，2

列印模式	上一個主題 \| 下一個主題

發表人

內容

不惑仔Boohover

文章主題 :

發表於 : 2007-07-04, 21:19

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

風痕影寫:

不惑仔Boohover 寫:

IE 6 and below

代碼:

* html {}

IE 7 and below

代碼:

*:first-child+html {} * html {}

IE 7 only

代碼:

*:first-child+html {}

我昨天為了讓自己寫的 pixnet 樣版可以在 IE 運作，剛好就在找這個資料
看了好久才知道，他的意思是說把 html 換成你想指定的東西

是這個意思:

代碼:

* html selector{}

代碼:

*:first-child+html selector{}

fx並不會認得...

來源CSS hacks，或我整理的。

_________________
時間，人為與自然的衝突。~不惑仔

最後由不惑仔Boohover 於 2008-08-28, 23:16 編輯，總共編輯了 2 次。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

風痕影

文章主題 :

發表於 : 2007-07-09, 16:39

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

不惑仔Boohover 寫:

是這個意思:

代碼:

* html selector{}

代碼:

*:first-child+html selector{}

fx並不會認得...

原來是這樣＝　　　＝" 我看的那個網頁跟我說是
* selector{} 和 *+selector{}

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

不惑仔Boohover

文章主題 :

發表於 : 2007-07-09, 22:54

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩

風痕影寫:

原來是這樣＝　　　＝" 我看的那個網頁跟我說是
* selector{} 和 *+selector{}

應該去糾正一下那個站吧,沒有證實或測試就發佈,似乎只是想炫耀而已,造成大家混淆,有點不太道德==

_________________
時間，人為與自然的衝突。~不惑仔

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

訪客

文章主題 :

發表於 : 2007-07-19, 17:32

wini 寫:

lkk6015 寫:

順便問一下
有沒有辦法設定哪個核心的瀏覽器就套用不同的css語法嗎？
因為有些時需要用到此語法
麻煩大大提供
包含IE和火狐及至於其他的核心就套用IE吧
如果是其他的核心
然後顯示出較你換瀏覽器的訊息

你到網路上找 "CSS hack" 看看吧。

最簡單處理 IE6 跟 Fx 的，就是選擇符間的父子關係用 ">" 來表示，這樣看不懂 ">" 的 IE6 就會略過該規則。至於 Opera 跟 IE7 或 Safari 那些的可以暫時不管他們，因為他們對 CSS 的解釋也不同，但是不會差太誇張。

代碼:

selector1 > selector { property:value } /*給Fx看的*/
selector1 selector { property:value } /*給IE6看的*/

不過如果想要徹底點的話，大概要靠 JavaScript 來判斷瀏覽器送出的識別資料了，這點要請教別人。

要怎麼用阿？
可以舉例一下嗎？？

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

風痕影

文章主題 :

發表於 : 2007-07-19, 20:56

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

Anonymous 寫:

wini 寫:

代碼:

selector1 > selector { property:value } /*給Fx看的*/
selector1 selector { property:value } /*給IE6看的*/

要怎麼用阿？
可以舉例一下嗎？？

比如說是這樣 <div id="a"><div id="b">甲</div></div>
你想讓 "甲" 在 Fx 裡變成紅色，IE 6 裡是黃色：
#a>#b {color: red;}
#a #b {color: yellow;}

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

kourge

文章主題 :

發表於 : 2007-07-21, 01:27

[網站管理員]

註冊時間: 2004-09-27, 09:24
文章: 1685

風痕影寫:

Anonymous 寫:

wini 寫:

代碼:

selector1 > selector { property:value } /*給Fx看的*/
selector1 selector { property:value } /*給IE6看的*/

要怎麼用阿？
可以舉例一下嗎？？

比如說是這樣 <div id="a"><div id="b">甲</div></div>
你想讓 "甲" 在 Fx 裡變成紅色，IE 6 裡是黃色：
#a>#b {color: red;}
#a #b {color: yellow;}

前提是 #b 必須是 #a 的直接子元素 (direct descendant)。

_________________
korp + korp 中文站（沒精神更新）

回頂端

Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

lkk6015

文章主題 :

發表於 : 2007-07-21, 08:35

註冊時間: 2006-03-26, 15:52
文章: 327

謝謝您的解答

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5

myezgo1

文章主題 : 試了kourge前輩的 > 語法無效阿?

發表於 : 2008-03-24, 16:14

試了之後沒作用
還是一樣都是黃色的字

請問是這樣嗎?

代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>無標題文件</title>
<style type="text/css">
<!--
#a > #b {color: red;} 
#a #b {color: blue;} 
-->
</style>
</head>

<body>

<div id="a"><div id="b">甲</div></div> 

</body>
</html>

請問前輩有其他只讓FF懂的CSS語法嗎?
我有ㄧ張.png的圖想當背景
在IE6我的CSS是這樣：

代碼:

#BodyDiv {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/AllBody.png', sizingMethod='scale');
   height:auto;
   width:910;
   float: inherit;
}

在FF是這樣：

代碼:

body > #BodyDiv {background-image:url(../images/AllBody.png);}

可是FF卻看不懂
我似乎找到原因
我的 #BodyDiv不是在子物件
而是在 Body > Table > Table 之內的物件(子子物件)
有辦法可以解決嗎?
實在找了好久的都沒辦法解決
感謝!!

我有參考這篇文章
http://www.wretch.cc/blog/cssDesign&article_id=4348643

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Foxy/1; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET C

wini

文章主題 :

發表於 : 2008-03-24, 16:25

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

myezgo1 寫:

在FF是這樣：

代碼:

body > #BodyDiv {background-image:url(../images/AllBody.png);}

改成任意元素的子元素，再把 url() 裡設為「字串值」而不是「變數值」應該就可以了。

代碼:

* > #BodyDiv {
  background-image: url("XXX")
  }

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
（本帳號停用中）

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080216 Firefox/2.0.0.12 (pigfoot)

myezgo1

文章主題 : 任意子元素真的試成功了

發表於 : 2008-03-24, 17:03

謝謝wini前輩
我試出來了
這個問題困擾了我3天

FireFox 太好了

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

第 2 頁 (共 2 頁)

[ 25 篇文章 ]

前往頁數上一頁 1，2

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 1 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :