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

chigre

rayman，如何解决这个问题？？
( ?$ j/ Q! _& b( w, {1 E4 r
' B( z! q: D; ?8 x9 N% n测试文件打包下载：
. ]9 F4 r( ^$ I1 \. M1 u1 J测试AB.rar


如题，本来我设计一个词典界面的显示效果就如同Bluedict中显示的那样，
. w) {/ t# h6 ]  [如图对比显示，在Mdict有部分css效果缺失

. {: S) P- Y5 D
词条【爱国】如下：
/ N' X, t+ L2 f" F* b-------------------------------------------------------------------------

1. 
   # V- J% C% i; x; d$ R
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>
   
4. </>
   " }, t2 B- c) y8 p# _

复制代码

CSS文件如下：
尤其是【A】、【BODY】部分！！！
  M) T8 M9 X6 t$ T-------------------------------------------------------------------------

1. A
   3 o1 b* F8 _# N+ G5 a* b8 W- ?
2. /*链接的默认格式*/
   & @* ~4 n8 W2 \# m+ i3 S. `- R
3.   {
   
4.   font-size:10px;
   % B$ V- L/ I8 `3 W" G* }" x& Q8 ^
5.   color: #0B0B3B;
   
6.   text-decoration: none;
   
7.   }
   
8. 
   1 l8 p: k" A7 M0 e
9. BODY
   . D; p- f. a7 X- n
10. /*词典文本的默认格式*/
    ) @; A' r  s1 \  V* p7 i9 l  I
11.   {
    ; B7 a% a. I- W. K# X+ C! g
12.   font-family:Times New Roman, Serif, sans-serif;
    
13.   font-size:12px;
    
14.   font-weight:normal;
    $ L3 S! I; i( W' H
15.   font-style:normal;
    
16.   }
    : \% g. g, o. }$ Q8 x6 A, A: }
17. 
    . e9 W' B5 _4 F7 n* J, I& i" L6 R
18. hr
    
19. /*分割线的默认格式，本词典无*/
    
20. {
    # o( B3 g/ ~! c3 Q
21. border: 0;
    6 ~7 A' l9 p* t" l3 C
22. border-top: solid 1px #00B050;
    
23. color: #fff;
    
24. }
    
25. 
    
26. /*--------------------------------------------------下面是页眉表格区的格式设置--------------------------------------------------*/
    
27. table.sopra
    
28. /*页眉表格的默认格式*/
    
29.   {
    
30.   border: 0;
    5 q) U; p, n# j" D& Z
31.   width:100%;
    
32.   }
    ' _3 O" ~8 N# k; w/ k
33. 
    : g" p' g4 ~- d( q! @4 h
34. tr.sopra
    
35. /*页眉表格的默认格式：第一行添加背景色*/
    
36.   {
    
37.   border: 0;
    
38.   background-color: #E0ECF8;
    : p$ W& x- h$ E' X; m8 M& t$ x
39.   }
    
40. td.CITIAO
    
41. /*页眉表格的默认格式：第二行词条处显示下边框*/
    
42.   {
    2 s5 e2 I: L/ L+ x4 ?1 J
43.   border: 0;
    
44.   border-bottom: 1px solid #E0ECF8;
    / I, E) C" Q/ S
45.   }
    
46. 
    
47. LETTERA, NUMERO, PAGINA
    
48. /*页眉表格右上主单字的首字母ABC*/
    ) Z& O( a7 }$ d7 z. p
49.   {
    5 G# @+ h& m% z) z
50.   font-size:11px;
    $ J. n/ s. f* K3 f8 b& r" Z
51.   color: #424242;
    
52.   }
    ! |# w% Q( o  D: u- K
53. /*--------------------------------------------------下面是主要内容区的格式设置--------------------------------------------------*/
    
54. CITIAO
    1 s" R  V) d- c. [9 t0 H
55. /*中文词条：释义第一行显示*/
    
56.   {
    % y- H: W& N8 i  H9 `! a
57.   font-size:16px;
    , k3 B/ t$ m. R, g. c
58.   font-weight:bold;
    
59.   font-style:normal;
    0 {! G. u9 u) d
60.   color: #0B0B3B;
    6 ^- |% \0 g! ^) A$ `
61.   }
    
62. 
    0 I. C& E5 M9 ~2 s3 n% M& t0 s
63. YITIZI
    
64. /*单字词条异体字（竝）*/
    / _: [% c$ [+ q! Y( @1 ?4 w
65.   {
    
66.   font-size:14px;
    
67.   font-weight:normal;
    5 o1 a; W5 P3 Y( v$ u3 |7 S
68.   font-style:normal;
    $ e; r- |( G  x5 P
69.   color: #424242;
    
70.   }
    . S( Q$ v5 z* S$ H- j9 c
71. 
    * z% i$ d& ]/ d7 c0 j" E
72. PINYIN
    
73. /*拼音, 如&#8249;ài·qíng&#8250;*/
    1 {* U. @$ U0 j1 x, N% w, Y: \
74.   {
    
75.   font-family:Times New Roman, Serif, sans-serif;
    ( y# s" v; e6 w
76.   font-size:13px;
      i3 _) X6 {; O% W- G2 c
77.   color: #424242;
    
78.   }
    0 k$ C: b2 m' R/ k0 R6 d8 D
79. 
    
80. JIESHI
    
81. /*词条解释区：2个分割线之间*/
    2 s' G6 }' I  U, A6 d+ K
82.   {
    
83.   font-family:Times New Roman_B, Serif, sans-serif;
    - C! N. S( w! m4 F! K9 w- Y. U
84.   font-weight:normal;
    ) R0 r+ j! V4 c4 H  }
85.   font-style:normal;
    9 w; B8 ?5 E$ i
86.   }
    5 c+ x# F  z, Z! N- u5 T" o! w8 ]. D: K
87. 
    
88. TIHUAN
    ; W" H9 h/ ^0 r! r* L
89. /*主词的替换“~”部分*/
    
90.   {
    " u; w* J3 P- C3 R' G# I
91.   color: #0040FF;
    
92.   }
    5 |2 u$ }: O# L* \& S) J5 ?
93. 
    9 s3 R1 c# z0 @) c: ]6 U: W
94. LINGJIAN
    
95. /*另见：…………*/
    6 [( r! u( s& }
96.   {
    ; d# Q5 q+ \/ g
97.   color: #424242;
    ( c4 y, S2 `) h. b! S% W
98.   }
    5 A( P: J# @% [: F
99. 
      `1 G% R* H/ [% F% w9 b) k7 C* r
100. CN
     ( s/ P0 Y, |/ @' P, R8 j( D9 g
101. /*解释中的示例中文内容*/
     
102.   {
     
103.   font-size:10px;
     / a0 a# H" q' D
104.   }
     / c9 C( ^" m0 q, l: B: `5 c
105. 
     
106. IT
     $ {( `  j. B# k3 N3 [! O2 M
107. /*解释中的示例意大利文内容*/
     6 Q# `. k* c5 O  k1 |$ t3 H9 T
108.   {
     
109.   font-family:Times New Roman_I, Serif, sans-serif;
     & Y6 I# |2 `9 }) [4 G; `
110.   font-size:11px;
     
111.   font-weight:normal;
     
112.   font-style:italic;
     
113.   color: black;
     1 u- V; g0 \4 [# l: O" Q
114.   }
     
115. /*--------------------------------------------------下面是一些标点符号的格式设置--------------------------------------------------*/
     ; [9 F- v1 Q& b! W* n" t: C4 y. Z
116. SHILI
     
117. /*解释中的示例符号▎*/
     . O" `4 X3 g; u9 s+ g( t0 a
118.   {
     * F5 E/ g- c: X
119.   font-size:10px;
     6 n2 q  R! u7 t( T
120.   font-weight:normal;
     
121.   font-style:normal;
     
122.   color: orange;
     9 m: b0 U% W$ @8 `# j3 j% R. Q3 R
123.   }
     ( F7 H( W" K) L7 h
124. III
     + X  f) h& r' G
125. /*解释中的序号Ⅳ, Ⅲ*/
     
126.   {
     
127.   font-size:16px;
     * b( q7 _* I9 N7 I
128.   font-weight:bold;
     
129.   color: red;
     $ D2 f, Q+ X+ a
130.   }
     : }6 U! d( s: L. h' ?
131. 
     
132. NNN
     
133. /*解释中的序号(1), (2)*/
     
134.   {
     
135.   font-size:13px;
     
136.   font-weight:bold;
     # d5 v8 \0 ?+ i$ C. s; R
137.   color: green;
     - i  T4 \; c: R
138.   }
     & R* g, C, {6 M# P% f( T+ y
139. 
     
140. FENHAO
     
141. /*解释中的分号；*/
     
142.   {
     1 {% H  A: o; U" u- o
143.   font-size:12px;
     ( c- [; h4 R; [- T5 S, p
144.   font-weight:bold;
     
145.   font-style:normal;
     4 b. @8 T* t" k
146.   color: red;
     4 b! T( e% |4 `6 l/ j1 X9 ?4 J
147.   }
     
148. /*--------------------------------------------------下面是词语索引列表的格式设置--------------------------------------------------*/
     
149. table.sotto
     
150. /*页尾表格的默认格式*/
     
151.   {
     
152.   border: 0;
     
153.   width:100%;
     1 [( n- q  @+ h; L% f
154.   background-color: #E6F8E0;
     
155.   }
     5 f% J. E5 V5 R6 \0 Z
156. 
     ! z. K, h% W3 p( k
157. p.sotto
       m& j) P  N* Z! a' e: d1 J
158. /*页尾表格中的段落：悬挂缩进*/
     
159.   {
     " T) ]- U! Q# u' @9 c
160.   text-indent: -1em;
     
161.   padding-left: 1em;
     
162.   }
     
163. 
     
164. CYSY
     
165. /*词语索引列表*/
     & M" n1 K+ O6 K1 F2 a; x2 F
166.   {
     7 j' S+ }/ f% B# S4 x
167.   font-size:10px;
     . N% m$ U) S9 Z5 J' g
168.   color: #0B0B3B;
     
169.   }
     
170. 
     ) `& Q  q6 q& j( a0 H
171. DANZI
     
172. /*词语索引列表中，首字单字*/
       ^. R/ ?% u: J2 Y1 m$ a- M
173.   {
     * V; O0 k6 {$ w; N% \
174.   font-size:13px;
       @$ |: o$ ?( b
175.   color: red;
     
176.   }
     6 R# }2 N. G! u+ o3 V9 b
177. 
     
178. QD
     
179. /*词语索引列表中，强调当前词条*/
     : T. n8 p  d* K$ D
180.   {
     4 ?" D; O4 m; r9 v3 o5 j; I
181.   font-size:11px;
     
182.   color: green;
     
183.   }
     + `* V" N) T5 B0 F6 e

复制代码

rayman

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

chigre

你试试取消使用内置音标字体的选项看看?
rayman 发表于 2012-7-15 12:21

& a4 z$ W* Q; z( u# H
. q* h: Y% P: z; {" z$ p4 b没有用 还是一样的显示效果

rayman

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

chigre

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

6 u' k2 A1 Z- T6 g
这个是在电脑上的显示效果，并不像在Mdict里显示的那样。
------------------------------------
  o& W& ~* Y' P& C' L另外，CSS里自定义的字体不起作用。（已经放入Mdict字体文件夹下）
3 G1 j8 j, @$ ~- ^* k不知为何？

傲天印叶啊

技术帖子要顶

xoyoxian

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

Okya

. J! C$ _( T' Q7 y谢谢楼主。。
; o, _8 V! x( D% v+ E

! \! ]/ a# r; T4 M

dayeeren

谢谢分享！！！收藏下