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

chigre

rayman，如何解决这个问题？？

测试文件打包下载：
8 V& x. Q* [. f  I3 E测试AB.rar
" B' X, ?4 e; A. c  R. n& G- j  g5 N

如题，本来我设计一个词典界面的显示效果就如同Bluedict中显示的那样，
如图对比显示，在Mdict有部分css效果缺失
, u+ C6 ~9 N  ?
! E: I& t6 Z8 D1 B0 D  q# f
词条【爱国】如下：
-------------------------------------------------------------------------

1. 
   
2. 爱国
   6 O- D1 b$ {, Q- x0 n. t* p
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>
   + K$ {* [  V3 }" \  D* b
4. </>
   # S* M7 ~* A. n/ @" k! `

复制代码

CSS文件如下：
1 i' H% ~2 L) q( _4 h尤其是【A】、【BODY】部分！！！
/ N! ^& I( k3 @$ R9 j- P-------------------------------------------------------------------------

1. A
   4 y, G: L1 u: Z
2. /*链接的默认格式*/
   0 p! D$ g/ u& S; ~, b: f
3.   {
   , y# c3 p6 L: e: i
4.   font-size:10px;
   
5.   color: #0B0B3B;
   8 w$ F  u# q: u
6.   text-decoration: none;
   
7.   }
   
8. 
   , Z: u3 U# \& U0 X( r
9. BODY
   3 L# [' C# a; v2 T" j" R( U
10. /*词典文本的默认格式*/
    0 O! ?; ]* Y9 e7 P( N: l3 q
11.   {
    $ Z5 M0 ?: ~! b; C" [/ L+ @
12.   font-family:Times New Roman, Serif, sans-serif;
    
13.   font-size:12px;
    ' k, N: k/ ^6 u# u6 G6 l$ R" X
14.   font-weight:normal;
    / E' ^, {4 p( i. k5 ]
15.   font-style:normal;
    
16.   }
    ) H: ^7 J1 U1 _% J; b  W
17. 
    
18. hr
    
19. /*分割线的默认格式，本词典无*/
    
20. {
    
21. border: 0;
    
22. border-top: solid 1px #00B050;
    % ]* G' E  ~) F5 d. _
23. color: #fff;
    
24. }
    
25. 
    
26. /*--------------------------------------------------下面是页眉表格区的格式设置--------------------------------------------------*/
    - K4 @- ^+ Q( Y0 @$ t+ \
27. table.sopra
    " X& n7 B- ^8 W1 Y8 Y. e
28. /*页眉表格的默认格式*/
    . K5 ^9 Q4 C( j8 `. ?7 F/ N
29.   {
    
30.   border: 0;
    
31.   width:100%;
    
32.   }
    9 e& `/ X9 J* Y
33. 
    : O2 p. w! q3 U  A
34. tr.sopra
    
35. /*页眉表格的默认格式：第一行添加背景色*/
    * w6 W' A' ]( G% N
36.   {
    + t6 m+ e& B2 b0 s( [/ `
37.   border: 0;
    
38.   background-color: #E0ECF8;
    7 l: l' @. k) x6 l# E8 _/ _9 [
39.   }
    
40. td.CITIAO
    8 \0 ?  x9 X" C5 s( m2 y
41. /*页眉表格的默认格式：第二行词条处显示下边框*/
    2 r& K2 s  G4 K; ~8 L- o
42.   {
    
43.   border: 0;
    . g- j2 y4 ]! x. A
44.   border-bottom: 1px solid #E0ECF8;
    
45.   }
    2 p8 U' i# e' t
46. 
    ! U! q8 C$ H& k
47. LETTERA, NUMERO, PAGINA
    
48. /*页眉表格右上主单字的首字母ABC*/
    $ N( T; L0 H- D+ o
49.   {
    2 j% Q, K- U; O' H5 T( }$ h
50.   font-size:11px;
    0 ?+ Z& d5 I$ C' w
51.   color: #424242;
    
52.   }
    ! U- I- H9 ^9 x
53. /*--------------------------------------------------下面是主要内容区的格式设置--------------------------------------------------*/
    9 J- q+ Z% M0 \
54. CITIAO
    ! |" g: u1 \0 Y/ o. n
55. /*中文词条：释义第一行显示*/
    
56.   {
    
57.   font-size:16px;
    4 A: `4 ]# |" m& c* J" H$ y' N
58.   font-weight:bold;
    
59.   font-style:normal;
    
60.   color: #0B0B3B;
    
61.   }
    6 ?! J: b. H  x9 A
62. 
    ! ^* b- O/ z: a4 R  Q, i# g. \7 g( M6 x
63. YITIZI
    1 a5 K& v4 I5 u6 `  G; K+ ]
64. /*单字词条异体字（竝）*/
    " r9 y0 N* O+ `7 H" C
65.   {
    % U0 y# I0 |$ e! @0 {5 G( k' }' I
66.   font-size:14px;
    1 ~: h* _( T' ]: u3 S- M( N8 e
67.   font-weight:normal;
    . t1 K3 e0 l/ |  A; O/ T, U
68.   font-style:normal;
    
69.   color: #424242;
    
70.   }
    
71. 
    
72. PINYIN
    0 ~# \) ~; L# ?, M* g+ Z' N! x
73. /*拼音, 如&#8249;ài·qíng&#8250;*/
    : j0 ?' H3 _, p$ s! z  |9 w
74.   {
    
75.   font-family:Times New Roman, Serif, sans-serif;
    2 i8 v/ Q8 p3 `( R; f' G# \
76.   font-size:13px;
    : Z' Y4 H" {6 z# y5 N  m  E9 w7 k
77.   color: #424242;
    & E( u, L$ y9 I( v
78.   }
    
79. 
    
80. JIESHI
    
81. /*词条解释区：2个分割线之间*/
    
82.   {
    5 b) \( B; Z2 b# |- |0 E1 V; h
83.   font-family:Times New Roman_B, Serif, sans-serif;
    
84.   font-weight:normal;
    4 V2 z. Y% O% L1 p
85.   font-style:normal;
    ! d: y* u& z% T: q1 z* g
86.   }
    * v) j! W' L) D
87. 
    $ K: r( ]+ J+ G+ m$ f
88. TIHUAN
    4 h" q4 r4 Q( ~
89. /*主词的替换“~”部分*/
    / m+ ^$ S+ J! a) ^' P4 p" R" n
90.   {
    0 i" Y0 t5 A) x! ~8 {
91.   color: #0040FF;
    
92.   }
    
93. 
    
94. LINGJIAN
    
95. /*另见：…………*/
    4 m  h  I0 ^4 D8 b+ G2 J+ k' t$ k
96.   {
    ; L* v5 G7 h- [( T, B
97.   color: #424242;
    ! [" C8 Z, V' f: I$ W7 V
98.   }
    ! a9 [% ]0 x. y% P$ o
99. 
    
100. CN
     0 K4 k+ i$ Z, S' }5 j) x
101. /*解释中的示例中文内容*/
     
102.   {
     
103.   font-size:10px;
     " Y. n' ~+ B4 K# n2 n
104.   }
     . J( s/ w! w4 [
105. 
     5 Z8 r; V  d& m' M$ z- M; |. a, i: Y* E
106. IT
     " u* `  P" V& `
107. /*解释中的示例意大利文内容*/
     
108.   {
     6 d3 o, O9 P, p3 g+ G& T
109.   font-family:Times New Roman_I, Serif, sans-serif;
     
110.   font-size:11px;
     
111.   font-weight:normal;
     
112.   font-style:italic;
     
113.   color: black;
     % M  W) d( a5 t9 f8 S& B- _. j
114.   }
     
115. /*--------------------------------------------------下面是一些标点符号的格式设置--------------------------------------------------*/
     
116. SHILI
     1 _3 g: R# t0 C8 @
117. /*解释中的示例符号▎*/
     
118.   {
     
119.   font-size:10px;
     
120.   font-weight:normal;
     & d- P" Y; Q2 L6 b' c: W
121.   font-style:normal;
     
122.   color: orange;
     ! ~9 [; g2 ?) T
123.   }
     5 t# \, L+ L0 |, b. v
124. III
     
125. /*解释中的序号Ⅳ, Ⅲ*/
     ! Q* w% t% v! G2 s0 K+ Q
126.   {
     9 e4 k: i; g7 p  X
127.   font-size:16px;
     
128.   font-weight:bold;
     
129.   color: red;
     
130.   }
     
131. 
     
132. NNN
     
133. /*解释中的序号(1), (2)*/
     & F# }; }2 Q5 T. R1 x
134.   {
     
135.   font-size:13px;
     
136.   font-weight:bold;
     * g' {( j7 @* t* q" B# B
137.   color: green;
     
138.   }
     1 O+ z! h& @( U" M
139. 
     8 F0 z6 s' B9 H2 a
140. FENHAO
     
141. /*解释中的分号；*/
     & ^7 S# r8 ~& C0 g* G: u0 P
142.   {
     
143.   font-size:12px;
     
144.   font-weight:bold;
     
145.   font-style:normal;
     % L% y# l& G1 D: Y$ d; e
146.   color: red;
     ! B: a0 Q' \6 c" {! u1 z
147.   }
     
148. /*--------------------------------------------------下面是词语索引列表的格式设置--------------------------------------------------*/
     " A# h( N& b& a" ^7 w3 ]# K& ~
149. table.sotto
     $ P9 ?0 w' {1 u2 A4 W  M
150. /*页尾表格的默认格式*/
     6 Y' ]( z- j' j$ m/ w
151.   {
     
152.   border: 0;
     
153.   width:100%;
     ! F/ u0 ^+ c1 s8 X
154.   background-color: #E6F8E0;
     & {8 V5 ^  w! ^$ S' e$ _
155.   }
     9 m& x! x! K. f& c
156. 
     
157. p.sotto
     ; }. S( I) r; i9 b0 u
158. /*页尾表格中的段落：悬挂缩进*/
     : V9 \& r: X$ Z
159.   {
     
160.   text-indent: -1em;
     , [' n, }) @! m6 J
161.   padding-left: 1em;
     ; _3 }- S( h8 S) [# H
162.   }
     : P* V- Z" T  A8 |. O
163. 
     6 E6 E, C3 F; n& `2 o% @
164. CYSY
     
165. /*词语索引列表*/
     
166.   {
     : Q4 i+ {8 i- K% T7 C
167.   font-size:10px;
       L0 ]) N+ l8 |0 L
168.   color: #0B0B3B;
     * Q$ @  s- [  e/ H
169.   }
     . y. b5 i6 |- W: {  T1 X% ?
170. 
     8 T: \8 u& `  U3 R' _2 i5 p: k
171. DANZI
     
172. /*词语索引列表中，首字单字*/
     
173.   {
     / X( L- x! G/ u, a1 n; v
174.   font-size:13px;
     : e' K8 e/ a, [6 X+ {# `
175.   color: red;
     8 T  n- n8 h, c+ n, R: O
176.   }
     $ f, O4 C- W) @
177. 
     ) F, s6 B6 S( ~
178. QD
     ) M1 ~. |+ `) M: _/ @7 z+ p, q6 L
179. /*词语索引列表中，强调当前词条*/
     3 S5 U' E, F* _- v% R2 g! H6 n
180.   {
     
181.   font-size:11px;
     
182.   color: green;
     : e# W( r4 x6 V' C3 `% ?
183.   }
     ' |8 k8 R6 L0 r0 h3 U

复制代码

rayman

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

chigre

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

没有用 还是一样的显示效果

rayman

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

chigre

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

. p1 {7 R$ t1 w+ }$ i
这个是在电脑上的显示效果，并不像在Mdict里显示的那样。
------------------------------------
另外，CSS里自定义的字体不起作用。（已经放入Mdict字体文件夹下）
# ]7 b4 _: g! a7 s9 c不知为何？

傲天印叶啊

技术帖子要顶

xoyoxian

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

Okya

9 f4 _$ e& n  {3 |! }% u* ^' `
: ^- ^1 `  C3 r4 @
9 d' X: i- H# `; U6 B5 O谢谢楼主。。
+ i1 M: ^+ B& _3 {

3 v( A# A* K* A, i3 A/ X; L% R# Y

dayeeren

谢谢分享！！！收藏下