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

chigre

4 U, s- `5 h2 L! T3 |
' J: S; ~, K$ X0 B, \! _rayman，如何解决这个问题？？

6 S* \: n" j) P' N8 K' Q测试文件打包下载：
( ]* P5 ~% ~  X+ Y0 E" Q: f; L测试AB.rar

8 ~6 l6 d8 F5 A+ V6 F* M# U& H
4 g! H8 V" a+ r; C/ @如题，本来我设计一个词典界面的显示效果就如同Bluedict中显示的那样，
如图对比显示，在Mdict有部分css效果缺失
3 T' a$ k- W; N8 X
  h( C0 p( r; S1 I/ I) V
1 g8 d$ f7 ]# V, _词条【爱国】如下：
6 C* s5 f: N$ X" r-------------------------------------------------------------------------

1. 
   
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>
   & [& N, L6 }- H# _! ]8 X
4. </>
   ! h/ t% K% D. T- J

复制代码

CSS文件如下：
尤其是【A】、【BODY】部分！！！
-------------------------------------------------------------------------

1. A
   
2. /*链接的默认格式*/
   
3.   {
   
4.   font-size:10px;
   
5.   color: #0B0B3B;
   0 B8 f, }. F6 ~9 m; o, b$ X: Q6 N
6.   text-decoration: none;
     F; }# ^. R' x' b. M
7.   }
   
8. 
   7 o4 r) U8 m% u5 ]9 v
9. BODY
   
10. /*词典文本的默认格式*/
    - ^8 Z8 K& q! C$ a* B( w
11.   {
    
12.   font-family:Times New Roman, Serif, sans-serif;
    
13.   font-size:12px;
    % d6 J' G9 a9 ]: {/ n. F
14.   font-weight:normal;
    4 ^. a( A' ~8 q% b6 g) ~
15.   font-style:normal;
    4 j, Q8 c/ L9 L+ F6 r; ?3 A
16.   }
    0 w* n0 |0 d* [  H) `6 z
17. 
    2 `6 K0 m) ]. J& k- [6 X
18. hr
    
19. /*分割线的默认格式，本词典无*/
    
20. {
    
21. border: 0;
    
22. border-top: solid 1px #00B050;
    9 w' b( b$ ]1 @( f+ n0 E
23. color: #fff;
    5 M# N, n6 j; e
24. }
    
25. 
    
26. /*--------------------------------------------------下面是页眉表格区的格式设置--------------------------------------------------*/
    
27. table.sopra
    
28. /*页眉表格的默认格式*/
    
29.   {
    
30.   border: 0;
    
31.   width:100%;
    
32.   }
    
33. 
    8 l# L9 H1 r- _, i, O- p" v: E
34. tr.sopra
    
35. /*页眉表格的默认格式：第一行添加背景色*/
    
36.   {
    9 ]1 v, b- f, C* e8 |
37.   border: 0;
    9 ^# r0 [! A- |! z
38.   background-color: #E0ECF8;
    ' f; J+ h* P9 D  u6 H+ q
39.   }
    # }7 x6 }, k! l# ]' \4 |
40. td.CITIAO
    , z" K( u. t4 z) K! x
41. /*页眉表格的默认格式：第二行词条处显示下边框*/
    4 G$ h! [8 ]& g( i
42.   {
    
43.   border: 0;
    2 j7 a! t5 Q4 `1 K
44.   border-bottom: 1px solid #E0ECF8;
    
45.   }
    ' W2 u% P3 G5 X
46. 
    
47. LETTERA, NUMERO, PAGINA
    
48. /*页眉表格右上主单字的首字母ABC*/
    
49.   {
    
50.   font-size:11px;
    
51.   color: #424242;
    
52.   }
    ' ~, u7 m! }2 i: i7 b
53. /*--------------------------------------------------下面是主要内容区的格式设置--------------------------------------------------*/
    
54. CITIAO
    4 g& N: B8 c* S
55. /*中文词条：释义第一行显示*/
    
56.   {
    ! O# k( M" b/ B# M4 ^% n
57.   font-size:16px;
    
58.   font-weight:bold;
    1 i' f) F" b( H: {- y3 e
59.   font-style:normal;
    
60.   color: #0B0B3B;
    
61.   }
    ) |; |8 Y' s7 T- \
62. 
    
63. YITIZI
    
64. /*单字词条异体字（竝）*/
    
65.   {
    
66.   font-size:14px;
    ( [* [5 |' v7 ?* }) U  k5 q  F
67.   font-weight:normal;
    
68.   font-style:normal;
    - g6 X! [: J8 b: i7 G, u0 ]
69.   color: #424242;
    
70.   }
    # u, Y* l) I! M$ f$ S- O/ F/ _! q
71. 
    $ ^$ m2 E6 G' R# o
72. PINYIN
    / ]. z: Z3 @# u& k6 v6 J
73. /*拼音, 如&#8249;ài·qíng&#8250;*/
    , C2 A/ [' _0 Z* ?% c- w' y
74.   {
    6 w( P; K* R3 }9 @. E$ ]9 L0 h/ }
75.   font-family:Times New Roman, Serif, sans-serif;
    , Y& `& R8 N3 o, H# }2 ]
76.   font-size:13px;
    ' P: S  S. g& G, y  U+ S2 a
77.   color: #424242;
    0 Q, E: \1 n1 \
78.   }
    . a" B4 e- w! \* K8 n
79. 
    
80. JIESHI
    , J7 v& G/ G! }4 H! J4 N
81. /*词条解释区：2个分割线之间*/
    
82.   {
    
83.   font-family:Times New Roman_B, Serif, sans-serif;
    
84.   font-weight:normal;
    
85.   font-style:normal;
    . @3 F: e$ @: ~. p, Y8 K" n9 j% v
86.   }
    5 s) E) }. s( f7 C# M% m* j) u
87. 
    ; n' |# }: K! \' s' u2 T, Y$ f) _
88. TIHUAN
    5 t6 V8 k" G. v& U- Z% W& [
89. /*主词的替换“~”部分*/
    $ S. D$ H2 \) l
90.   {
    
91.   color: #0040FF;
    
92.   }
    / x, x) v4 ^3 [* s6 {* D
93. 
    
94. LINGJIAN
    $ S, t! Z) i1 M: m1 E. V$ h( k- I4 m* ]
95. /*另见：…………*/
    ( i7 o5 Z( E1 W7 A" \
96.   {
    
97.   color: #424242;
    , s) w6 M; d. `; X& j% F
98.   }
    3 l" K) v- }8 {; H2 {% \
99. 
    4 x& W  K# i- x9 e; ~* x. x# x6 |
100. CN
     
101. /*解释中的示例中文内容*/
     2 z5 Q7 F  H8 T. |# u4 t
102.   {
     . ^2 t/ K6 Z* T3 C( L
103.   font-size:10px;
     
104.   }
     
105. 
     1 T8 P9 E2 Y8 ?9 M; n
106. IT
     
107. /*解释中的示例意大利文内容*/
     2 ?3 X6 U6 g/ N' n4 Y
108.   {
     
109.   font-family:Times New Roman_I, Serif, sans-serif;
     7 e6 ]. b+ }+ C: a' [7 J
110.   font-size:11px;
     , u" n5 d4 Z1 ^! z% J9 i/ b8 M
111.   font-weight:normal;
     : {# A* v3 h8 ?+ \0 m- |
112.   font-style:italic;
     : g, j& n, t/ j/ _. ?/ |% ~
113.   color: black;
     2 ?  P5 i4 Y3 Z$ p1 w5 Y+ ^
114.   }
     
115. /*--------------------------------------------------下面是一些标点符号的格式设置--------------------------------------------------*/
     
116. SHILI
     
117. /*解释中的示例符号▎*/
     
118.   {
     
119.   font-size:10px;
     
120.   font-weight:normal;
     5 H0 A$ u0 W! @: I7 ^) `7 u# J! n
121.   font-style:normal;
     
122.   color: orange;
     
123.   }
     
124. III
     / o. T# m. @( e: J3 A
125. /*解释中的序号Ⅳ, Ⅲ*/
     
126.   {
     ! E/ G* C8 J4 v; U
127.   font-size:16px;
     1 \! Q7 a7 k, s; y& ?& B& K
128.   font-weight:bold;
     : P  i2 ?# H( s
129.   color: red;
     
130.   }
     
131. 
     7 U' R& w, Z& u2 D2 B0 m
132. NNN
     
133. /*解释中的序号(1), (2)*/
     
134.   {
     : i' O6 K. d( Z' V6 ]! j: A
135.   font-size:13px;
     $ N9 @& p+ c) E* t# L' V% S' I( T
136.   font-weight:bold;
     & S# l2 a8 d, m( m  W* D' b
137.   color: green;
     8 @4 B, o- H4 z6 v/ r
138.   }
     
139. 
     
140. FENHAO
     ( y' ^. x8 L, ^
141. /*解释中的分号；*/
     - K- [* o; @% L
142.   {
     ) f) I9 u8 q2 }# o8 X
143.   font-size:12px;
     ; I% p' A/ n0 F
144.   font-weight:bold;
     
145.   font-style:normal;
     0 a' k* v/ a9 e
146.   color: red;
     # U# t6 s0 _( z( m" v, f
147.   }
     ( Y3 Y+ G- V+ {- H* l: k
148. /*--------------------------------------------------下面是词语索引列表的格式设置--------------------------------------------------*/
     8 o! x8 b$ ^& I4 W" Y
149. table.sotto
     
150. /*页尾表格的默认格式*/
     1 k& z5 N2 a, {8 |' x2 t
151.   {
     
152.   border: 0;
     ! }2 B3 I0 z* g: g
153.   width:100%;
     
154.   background-color: #E6F8E0;
     
155.   }
     : ^4 ?0 S! h% }( A8 X! X
156. 
     ! A1 V5 }4 H+ d3 Z# m. D
157. p.sotto
     
158. /*页尾表格中的段落：悬挂缩进*/
     / K( X# r9 Q% E
159.   {
     , ~1 Q& |' L9 e2 O! L
160.   text-indent: -1em;
     
161.   padding-left: 1em;
     7 ~, ^7 X) @4 G3 a! l% t3 j
162.   }
     
163. 
     & c5 [2 N# r5 m: V" X
164. CYSY
     
165. /*词语索引列表*/
     ' y3 Y3 I9 Y% m1 b7 t& u
166.   {
     
167.   font-size:10px;
     
168.   color: #0B0B3B;
     
169.   }
     
170. 
     
171. DANZI
     
172. /*词语索引列表中，首字单字*/
     
173.   {
     - z* J5 D* z+ t0 C; X
174.   font-size:13px;
     1 U, A- S$ C& C2 N; m8 ]) Q
175.   color: red;
     1 J" ^8 [0 \$ |
176.   }
     , z( F5 j+ d  I6 \8 V
177. 
     
178. QD
     
179. /*词语索引列表中，强调当前词条*/
     
180.   {
     - w9 z7 e* Q) S# \8 k0 r
181.   font-size:11px;
     
182.   color: green;
     
183.   }
     ( ^& p# O. W. ]

复制代码

rayman

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

chigre

你试试取消使用内置音标字体的选项看看?
, O4 P" y6 O% D) }5 ]' prayman 发表于 2012-7-15 12:21

2 Y# ?' D0 j2 b  W; D, E% h
没有用 还是一样的显示效果

rayman

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

chigre

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

: h6 {" f; h# C/ `9 E1 e这个是在电脑上的显示效果，并不像在Mdict里显示的那样。
( _% M1 a2 [& b8 ?$ p* ?------------------------------------
0 F1 k- ]( G4 E, p  N7 s另外，CSS里自定义的字体不起作用。（已经放入Mdict字体文件夹下）
/ e5 n% ?& G' k6 n) l5 N6 @* ^不知为何？

傲天印叶啊

技术帖子要顶

xoyoxian

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

Okya

. ^9 ^( s( _1 t1 R. F' B) L

谢谢楼主。。

4 Y7 K- t4 d8 G
! z; P8 u0 D; x" H- ~$ v1 b  Q' i

dayeeren

谢谢分享！！！收藏下