rayman，Mdict对CSS文件支持的程度区别于Bluedict

chigre

& V# B9 p  w9 U; }- z- s  o# h, I
rayman，如何解决这个问题？？

' _7 O) R$ Q0 r; q2 S( A% |/ M测试文件打包下载：
测试AB.rar

' P# F) y: s% k8 t* ^/ `
如题，本来我设计一个词典界面的显示效果就如同Bluedict中显示的那样，
如图对比显示，在Mdict有部分css效果缺失
$ F: _6 P* f7 s+ B, B" ~) S- x
$ M( G& s+ p' E3 U+ r; Q
" }& e# n" e* w$ Z# Z% P8 Z+ q词条【爱国】如下：
# e: m* N/ U. C" w* r) j-------------------------------------------------------------------------

1. 
   ( Z. ]4 e( [9 _9 r  i; F
2. 爱国
   
3. <table class="sopra"><tr class="sopra"><td><PINYIN>&#8249;ài·guó&#8250;</PINYIN></td><td align="right"><LETTERA>A</LETTERA><NUMERO>　N°00059</NUMERO><PAGINA>　P°002</PAGINA></td></tr><tr><td class="CITIAO"><CITIAO><TIHUAN>爱</TIHUAN>国</CITIAO></td><td align="right"><a href="entry://0--★ 《汉意意汉词典》 ★--"><img src="file:///HYYHLOGO.png" height="25"></img></a></td></tr></table><JIESHI>amare il proprio paese<FENHAO>;</FENHAO> essere patriottico<BR><SHILI>　▎</SHILI><CN><TIHUAN>爱国</TIHUAN>人士</CN> <IT>personaggio patriottico</IT></JIESHI><BR><BR><table class="sotto"><tr><td><p class="sotto"><CYSY><a href="entry://爱"><DANZI>爱：</DANZI></a><a href="entry://爱不释手">爱不释手</a> / <a href="entry://爱戴">爱戴</a> / <a href="entry://爱尔兰语">爱尔兰语</a> / <a href="entry://爱国"><QD>爱国</QD></a> / <a href="entry://爱国心">爱国心</a> / <a href="entry://爱国者">爱国者</a> / <a href="entry://爱国主义">爱国主义</a> / <a href="entry://爱好">爱好</a> / <a href="entry://爱护">爱护</a> / <a href="entry://爱克斯光">爱克斯光</a> / <a href="entry://爱克斯射线">爱克斯射线</a> / <a href="entry://爱怜">爱怜</a> / <a href="entry://爱恋">爱恋</a> / <a href="entry://爱面子">爱面子</a> / <a href="entry://爱慕">爱慕</a> / <a href="entry://爱情">爱情</a> / <a href="entry://爱人">爱人</a> / <a href="entry://爱惜">爱惜</a></CYSY></p></td></tr></table>
   1 h7 o$ T; B- B
4. </>
   , p3 S/ K4 W3 F9 K6 m+ O  ^; ~

复制代码

CSS文件如下：
; k# `8 m6 l/ l: o尤其是【A】、【BODY】部分！！！
# L1 i" g5 k% F3 r) \& t$ ]-------------------------------------------------------------------------

1. A
   
2. /*链接的默认格式*/
   
3.   {
   0 k& i8 y# L+ y. Q3 w
4.   font-size:10px;
   : b5 P4 v. P6 u2 V7 R
5.   color: #0B0B3B;
   
6.   text-decoration: none;
   ; N3 @3 a( J) I: C5 D
7.   }
   . [7 K; W  v/ D
8. 
   
9. BODY
   6 R& x) m" y' I- B" ]
10. /*词典文本的默认格式*/
    
11.   {
    ; Q& Z7 O7 N0 M) z7 o
12.   font-family:Times New Roman, Serif, sans-serif;
    6 }8 U0 \% H5 D
13.   font-size:12px;
    
14.   font-weight:normal;
    ) n9 e# G, |3 G5 s, p1 O
15.   font-style:normal;
    7 F) H5 A1 ~5 k& y" t9 \8 K
16.   }
    
17. 
    
18. hr
    
19. /*分割线的默认格式，本词典无*/
    
20. {
    
21. border: 0;
    0 |1 C8 r. |% T+ j$ z) W
22. border-top: solid 1px #00B050;
    , ]; `7 U" ~" v3 |7 k
23. color: #fff;
    
24. }
    & Q3 n4 L: e1 G
25. 
    7 H/ j% |( t9 X5 d( W) [
26. /*--------------------------------------------------下面是页眉表格区的格式设置--------------------------------------------------*/
    
27. table.sopra
    
28. /*页眉表格的默认格式*/
    3 w' c! F( n4 p' y
29.   {
    
30.   border: 0;
    % N! M- Y0 f# u. j
31.   width:100%;
    
32.   }
    % ]$ T% n( B0 G3 B: L
33. 
    & q, k- f% k' J6 g) E( t5 ]- {
34. tr.sopra
    1 F4 J+ o  f# O# T
35. /*页眉表格的默认格式：第一行添加背景色*/
    . W) g2 I) K% J7 w$ v
36.   {
    ; H  R9 }2 j. o/ K" b
37.   border: 0;
    
38.   background-color: #E0ECF8;
    % x# g5 o( O2 V% d( n
39.   }
    
40. td.CITIAO
    ( |4 E  X( L6 `0 f* V# ~. m
41. /*页眉表格的默认格式：第二行词条处显示下边框*/
    
42.   {
    
43.   border: 0;
    5 n% W) r. G& q3 n
44.   border-bottom: 1px solid #E0ECF8;
    # R4 V. c" b  _8 n
45.   }
    
46. 
    & `$ \1 w7 H0 I: Z/ N
47. LETTERA, NUMERO, PAGINA
    $ Q2 H2 }4 W' z
48. /*页眉表格右上主单字的首字母ABC*/
    
49.   {
    ; L1 x% Z) `8 z0 _1 c7 x
50.   font-size:11px;
    
51.   color: #424242;
    ) b% ^$ r4 J! Y5 A, D0 A1 m
52.   }
    
53. /*--------------------------------------------------下面是主要内容区的格式设置--------------------------------------------------*/
    * T5 b& t3 |# o
54. CITIAO
    9 ~; m, @! i' ~& P8 `# P
55. /*中文词条：释义第一行显示*/
    ' ]& D' V  D% Y; j3 u! X7 W
56.   {
    
57.   font-size:16px;
    
58.   font-weight:bold;
    
59.   font-style:normal;
    
60.   color: #0B0B3B;
    , V, G% V- l# O# D
61.   }
    % M+ K5 R+ m# @
62. 
    ! `' |  k$ N+ Z6 H5 |* o# ^2 [( v
63. YITIZI
    8 @5 X/ E# i7 n' \4 ~1 k, {( B
64. /*单字词条异体字（竝）*/
    : |% @# P* y4 \3 E
65.   {
    ( @( X& \) r3 ], \
66.   font-size:14px;
    " z1 c- ]- c5 S: i8 W
67.   font-weight:normal;
    
68.   font-style:normal;
    ; `9 [- f" N( T5 o7 P
69.   color: #424242;
    
70.   }
    4 V. C* T" o6 D/ D# a! P4 z
71. 
    ! b  F# d8 V; Y  ~& B+ i
72. PINYIN
    . g' {, Y* P; g/ ~* L: g' ]! v# N) A
73. /*拼音, 如&#8249;ài·qíng&#8250;*/
    
74.   {
    + e* Z; A) X- s+ S4 [
75.   font-family:Times New Roman, Serif, sans-serif;
    ! n5 R4 Q% D- r9 V* V
76.   font-size:13px;
    
77.   color: #424242;
    
78.   }
    
79. 
    ' F* p$ \) x5 u, D3 Q
80. JIESHI
    
81. /*词条解释区：2个分割线之间*/
    & Q1 c5 [7 S4 u0 W
82.   {
    
83.   font-family:Times New Roman_B, Serif, sans-serif;
    : L0 _; A& J9 T; p1 ?) K
84.   font-weight:normal;
    
85.   font-style:normal;
    * }* Z% J9 y* x
86.   }
    
87. 
    0 ^1 M' |; ^  A* e7 C
88. TIHUAN
    
89. /*主词的替换“~”部分*/
    
90.   {
    , r% d$ _. e; N$ V
91.   color: #0040FF;
    ! T" \( J# P& Z; v+ f0 @" l* l
92.   }
    % J5 a# {# j" B9 n% P, H/ ^
93. 
    
94. LINGJIAN
    
95. /*另见：…………*/
    9 P  z3 B6 f+ g( r, D1 z: K+ N
96.   {
    
97.   color: #424242;
    
98.   }
    
99. 
    
100. CN
     $ H! C; o/ q6 ?, \/ `
101. /*解释中的示例中文内容*/
     # @. v0 C6 a5 ~& y; W2 [8 Q+ _
102.   {
     
103.   font-size:10px;
     ' \/ S- J9 |8 {; F% r- L* [' C5 |
104.   }
     6 C; n7 Y- b- D# X
105. 
     5 S( N+ }( R5 O( l/ V" `6 X& Y) v5 Q
106. IT
       k# T) n* s6 Z9 \! [8 h; v
107. /*解释中的示例意大利文内容*/
     - A1 B- e4 B" g0 J, }4 h
108.   {
     
109.   font-family:Times New Roman_I, Serif, sans-serif;
     
110.   font-size:11px;
     ) V+ Z+ y! u6 _
111.   font-weight:normal;
     
112.   font-style:italic;
     ( ~" g! j) {9 k9 O& L+ U
113.   color: black;
     
114.   }
     3 D8 K0 {$ e& h, q0 [! `
115. /*--------------------------------------------------下面是一些标点符号的格式设置--------------------------------------------------*/
     ' Z' u* G% ~8 z* p- M$ P. {9 ]
116. SHILI
     
117. /*解释中的示例符号▎*/
     : M' `6 M% A/ x% S4 f
118.   {
     0 e8 ?* i) M3 O- g3 E7 [2 n7 y
119.   font-size:10px;
     / @. l2 O% K3 Z9 ~; q1 n
120.   font-weight:normal;
     
121.   font-style:normal;
     
122.   color: orange;
     ( G9 V. g' G; I& G: o
123.   }
     $ r& y4 U4 b, |* K1 }2 j5 `/ g
124. III
     # n* r3 o. |  q& t! }
125. /*解释中的序号Ⅳ, Ⅲ*/
     
126.   {
     ! ]) g8 |# ~8 O5 W& [
127.   font-size:16px;
     
128.   font-weight:bold;
     7 R# ?" n) _1 j6 O1 k7 [
129.   color: red;
     - l% r! o0 t1 m  V5 e2 m9 c
130.   }
     8 J. Z. f; X% r) k
131. 
     
132. NNN
     
133. /*解释中的序号(1), (2)*/
     / R6 a- ?+ n4 J6 V% e& o
134.   {
     
135.   font-size:13px;
     
136.   font-weight:bold;
     
137.   color: green;
     
138.   }
     
139. 
     * b! @  {- j/ c) X& O5 a. {3 G
140. FENHAO
     
141. /*解释中的分号；*/
     ( P4 Y* E) Q9 p9 f. [  z: A
142.   {
     
143.   font-size:12px;
     
144.   font-weight:bold;
     - K  w* S8 Z( ^" H6 m7 P
145.   font-style:normal;
     
146.   color: red;
     , r8 o9 i  f5 _( G; e7 L: {
147.   }
     
148. /*--------------------------------------------------下面是词语索引列表的格式设置--------------------------------------------------*/
     - u: C; o* h) k( J% E; W0 ~
149. table.sotto
     
150. /*页尾表格的默认格式*/
     
151.   {
     
152.   border: 0;
     
153.   width:100%;
     3 o2 R! I6 W4 e) _6 Y% y
154.   background-color: #E6F8E0;
       m+ P5 i; u1 [# N& a
155.   }
     2 d+ ]! w2 Q; U* O/ R
156. 
     # n7 ^+ d/ W4 S, X
157. p.sotto
     
158. /*页尾表格中的段落：悬挂缩进*/
     
159.   {
     " k, v; G/ |  p2 i" j& A
160.   text-indent: -1em;
     
161.   padding-left: 1em;
     
162.   }
     
163. 
     
164. CYSY
     
165. /*词语索引列表*/
     
166.   {
     ( C  {# S9 y  M- {
167.   font-size:10px;
     4 P% r; P! A' p
168.   color: #0B0B3B;
     
169.   }
     
170. 
     3 u# r# N. H0 u
171. DANZI
     $ _. h+ H+ X. G9 u
172. /*词语索引列表中，首字单字*/
     
173.   {
     ; z/ W* S  f' w5 K' y3 G% r) l. n$ X
174.   font-size:13px;
     
175.   color: red;
     6 G. y$ Q) H' i
176.   }
     
177. 
     
178. QD
     
179. /*词语索引列表中，强调当前词条*/
     
180.   {
     ; O7 q! `9 d7 }1 e
181.   font-size:11px;
     
182.   color: green;
     
183.   }
     

复制代码

rayman

你试试取消使用内置音标字体的选项看看?

chigre

你试试取消使用内置音标字体的选项看看?
' n9 t- N% S& L2 d9 F+ Erayman 发表于 2012-7-15 12:21

4 s  \' F( o- W9 k0 j( {没有用 还是一样的显示效果

rayman

可能是我在程序里声明了使用严格的html语法，因为这个影响到后面的一些显示的处理了。你可以把内容组合成一个html文件，放在Chrome浏览器里看看效果。

chigre

可能是我在程序里声明了使用严格的html语法，因为这个影响到后面的一些显示的处理了。你可以把内容组合成一个html文件，放在Chrome浏览器里看看效果。
rayman 发表于 2012-7-16 00:19

  ~* O; ~5 E( [6 x  ^' o# E- R# N
; w) ^; j1 u! t7 ]9 l; \+ t2 C. A
这个是在电脑上的显示效果，并不像在Mdict里显示的那样。
------------------------------------
* e* y5 I  A) @% J9 V另外，CSS里自定义的字体不起作用。（已经放入Mdict字体文件夹下）
不知为何？

傲天印叶啊

技术帖子要顶

xoyoxian

这个问题很复杂，处理起来也会很麻烦

Okya

: C9 d% _6 w6 e# @, ?; }
7 K9 E; k. a" Y2 W1 j
谢谢楼主。。
8 C% N0 j9 y% }9 H- U# F3 C8 n

! o, x# S! X6 V3 m

dayeeren

谢谢分享！！！收藏下