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

chigre

: F( j2 D4 P5 x+ b
rayman，如何解决这个问题？？
$ p& i0 @$ s8 R# z; Z: k- U$ V/ ?5 f
  @* l$ @. [8 H6 s' d; j- e测试文件打包下载：
; i( i: }% w9 W测试AB.rar
' G. u. \# g* q: y% y7 A4 v
) d( [1 p- ^) Y2 w
如题，本来我设计一个词典界面的显示效果就如同Bluedict中显示的那样，
如图对比显示，在Mdict有部分css效果缺失
$ c* E1 b: l0 p+ B. ]) s$ K
3 R( K" _# P! I* e* U4 l4 S
3 m, U! K' f' u% j$ Q+ V- @9 {词条【爱国】如下：
& W: P0 d- @2 B5 \" _-------------------------------------------------------------------------

1. 
   
2. 爱国
   % a6 x7 w* y0 z
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>
   - Z/ F/ m( y0 R3 ^
4. </>
   # {1 ]  l" V2 c( [6 n/ O

复制代码

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

1. A
   ) H; U" [* u, C8 J0 S& Z  Q' K
2. /*链接的默认格式*/
   ( Z1 D- z7 h, T- M$ s2 s
3.   {
   
4.   font-size:10px;
   1 U) O+ b4 C9 z9 Z% b4 i$ I$ g" J
5.   color: #0B0B3B;
   4 b% [' `. e3 b6 p
6.   text-decoration: none;
   
7.   }
   ! A+ \, |! R) F* x& T
8. 
   
9. BODY
   ) ~) e! ]/ ?& Y# b% D% V
10. /*词典文本的默认格式*/
    
11.   {
    - x+ T5 ]- N0 ~9 T- B2 d& b( E
12.   font-family:Times New Roman, Serif, sans-serif;
    8 q$ B" a6 S& t
13.   font-size:12px;
    
14.   font-weight:normal;
    
15.   font-style:normal;
    ' q4 w. Z# @( @6 I/ j
16.   }
    
17. 
    
18. hr
    % i) n/ P2 f( Q  W* ~0 M
19. /*分割线的默认格式，本词典无*/
    
20. {
    1 z; X7 k" W. i) h
21. border: 0;
    # H8 J4 \0 d# H, k0 `' n1 H
22. border-top: solid 1px #00B050;
    
23. color: #fff;
    
24. }
    
25. 
    
26. /*--------------------------------------------------下面是页眉表格区的格式设置--------------------------------------------------*/
    
27. table.sopra
    
28. /*页眉表格的默认格式*/
    & X( F8 n$ k6 z" C# l
29.   {
    $ K3 ~9 s$ A) C* b$ p1 ?, d
30.   border: 0;
    
31.   width:100%;
    
32.   }
    $ {. P: m% B3 m' ^! p
33. 
    
34. tr.sopra
    
35. /*页眉表格的默认格式：第一行添加背景色*/
    
36.   {
    
37.   border: 0;
    
38.   background-color: #E0ECF8;
    7 s, I0 U3 I9 V9 S
39.   }
    7 g2 F: M2 F. T  T; ?6 {2 c5 j# v9 I8 m3 p
40. td.CITIAO
    
41. /*页眉表格的默认格式：第二行词条处显示下边框*/
    ' z5 V* N6 s" e
42.   {
    7 F& P( T& E0 D8 M+ T
43.   border: 0;
    9 f; M6 U: M! E# a6 C6 o
44.   border-bottom: 1px solid #E0ECF8;
    1 G. w, o- G( i" N' F1 p2 X! K
45.   }
    " P0 m/ {' H6 i4 Z& z
46. 
    
47. LETTERA, NUMERO, PAGINA
    
48. /*页眉表格右上主单字的首字母ABC*/
    0 B$ Q. `0 ~4 c4 R. E, H: `) Q
49.   {
    
50.   font-size:11px;
    
51.   color: #424242;
    
52.   }
    ' B0 `" O9 R9 E+ Z
53. /*--------------------------------------------------下面是主要内容区的格式设置--------------------------------------------------*/
      }& b; u: {6 s$ @; B8 n! R
54. CITIAO
    
55. /*中文词条：释义第一行显示*/
    " ~% g" N- P. i- \- q0 S( Q
56.   {
    - \+ u8 e: D, ]
57.   font-size:16px;
    6 @4 ]  S# J. n
58.   font-weight:bold;
    8 h( k# ]% P: x
59.   font-style:normal;
    & e9 I  M, x* P/ A8 y$ P
60.   color: #0B0B3B;
    " r, T" y+ H8 n
61.   }
    ) \" j' C, B! x0 l" c6 G
62. 
    ' ~( U2 w: Q0 U7 h& _
63. YITIZI
    & ~6 p) R6 v7 T* |0 c' m
64. /*单字词条异体字（竝）*/
    
65.   {
    ; r2 J& C) h0 b
66.   font-size:14px;
    
67.   font-weight:normal;
    
68.   font-style:normal;
    $ q  [8 i! W5 s# l, |/ m; U! ~
69.   color: #424242;
    # B/ u' O; q$ t# q6 S$ W
70.   }
    
71. 
    
72. PINYIN
    
73. /*拼音, 如&#8249;ài·qíng&#8250;*/
    ; E& l0 ?& D9 H5 r3 ~4 L
74.   {
    
75.   font-family:Times New Roman, Serif, sans-serif;
    
76.   font-size:13px;
    9 z- C! {  F. l. F; w' E# F. z+ _) O
77.   color: #424242;
    
78.   }
    
79. 
    
80. JIESHI
    
81. /*词条解释区：2个分割线之间*/
    
82.   {
    
83.   font-family:Times New Roman_B, Serif, sans-serif;
    
84.   font-weight:normal;
    
85.   font-style:normal;
    
86.   }
    
87. 
    
88. TIHUAN
    0 L* }, f& F4 V$ q2 O
89. /*主词的替换“~”部分*/
    
90.   {
    $ @: g: @5 k! P5 \3 Y3 z
91.   color: #0040FF;
    
92.   }
    
93. 
      }( T8 \$ O/ m) r, l9 T  F5 P. }
94. LINGJIAN
    9 T. D6 O8 z8 K/ D" B
95. /*另见：…………*/
    7 j$ i6 V5 k% o. Y; T; E
96.   {
    - f7 U4 n" n& a
97.   color: #424242;
    
98.   }
    % ?, b4 g# B0 \# O
99. 
    
100. CN
     7 ?: }- g8 q- l, v
101. /*解释中的示例中文内容*/
     0 H: D) V# t1 |' E; ]( T
102.   {
     
103.   font-size:10px;
     2 E- J4 [7 i1 q/ q- @2 U/ ~; n
104.   }
     
105. 
     . r# `. X0 r' }
106. IT
     
107. /*解释中的示例意大利文内容*/
     
108.   {
     
109.   font-family:Times New Roman_I, Serif, sans-serif;
     
110.   font-size:11px;
     7 ]. l7 S% L5 \8 {. h8 @
111.   font-weight:normal;
     / l2 l" D8 J: T; O7 y, D
112.   font-style:italic;
     
113.   color: black;
     : C/ z5 `" s" t9 Z+ `0 R+ X0 T
114.   }
     
115. /*--------------------------------------------------下面是一些标点符号的格式设置--------------------------------------------------*/
     0 b4 m: z- G6 G) [! T+ K; f8 ~3 v
116. SHILI
     
117. /*解释中的示例符号▎*/
     * o( j1 G  G' J) B5 E3 i' R: p
118.   {
     " \$ v* w0 c+ m6 C
119.   font-size:10px;
     
120.   font-weight:normal;
     ' y5 q' {. B# G6 {0 B/ R4 D
121.   font-style:normal;
     
122.   color: orange;
     
123.   }
     
124. III
     
125. /*解释中的序号Ⅳ, Ⅲ*/
     ' `  M) W! _4 S2 d- e+ D+ U
126.   {
     ' z. K5 Q  s# y( {4 s
127.   font-size:16px;
     5 S, i  _* F( E3 f0 Z
128.   font-weight:bold;
     ) _$ _3 T3 ^- c- L! F# L# {
129.   color: red;
     
130.   }
     
131. 
     ( y! z: K: U$ s& J
132. NNN
     
133. /*解释中的序号(1), (2)*/
     * a  h. u% x. Z, A0 ^3 C1 d
134.   {
     . x* [( Y# i( `: ~9 R  m
135.   font-size:13px;
     : u5 o; f2 k6 S( e
136.   font-weight:bold;
     
137.   color: green;
     6 \' n+ ~  c% W9 \7 I; [, v
138.   }
     6 p1 j! a+ c  d0 V2 c0 ^( S
139. 
     
140. FENHAO
     ! y/ \/ _0 V+ N0 F$ z9 L4 _6 z
141. /*解释中的分号；*/
     5 y# V; a( N+ @; i6 s6 E9 }
142.   {
     
143.   font-size:12px;
     
144.   font-weight:bold;
     - {5 M* Q0 D8 U$ b$ ~
145.   font-style:normal;
     
146.   color: red;
     * x$ p/ o! p4 z7 ]3 C" i, M8 t
147.   }
     7 x% f8 h8 }: C6 F
148. /*--------------------------------------------------下面是词语索引列表的格式设置--------------------------------------------------*/
     
149. table.sotto
     ! `) @& W. r8 w5 L
150. /*页尾表格的默认格式*/
     0 x% g9 K1 X- k" l$ Q& D" b* a
151.   {
     
152.   border: 0;
     
153.   width:100%;
     
154.   background-color: #E6F8E0;
     - A+ m) \1 T' `. P8 M  Y
155.   }
     # J5 S& {0 V% P$ |/ z
156. 
     
157. p.sotto
     
158. /*页尾表格中的段落：悬挂缩进*/
     1 h. O  `+ \$ x) S/ e
159.   {
     / j2 R1 T2 `& Q  _: i5 Q3 g
160.   text-indent: -1em;
     / \0 z% W- Y8 r2 [1 L2 r8 c2 Q
161.   padding-left: 1em;
     6 x. S7 h9 S5 {8 v9 C
162.   }
     
163. 
     
164. CYSY
     
165. /*词语索引列表*/
     
166.   {
     
167.   font-size:10px;
     2 b' t. O" Q% @  N, ]
168.   color: #0B0B3B;
     
169.   }
     
170. 
     
171. DANZI
     
172. /*词语索引列表中，首字单字*/
     
173.   {
     4 i* N9 v( M% m/ F# w
174.   font-size:13px;
     $ A1 A, o( D3 d% V; y, N1 g; T
175.   color: red;
     
176.   }
     7 Z8 E1 \% N4 U
177. 
     
178. QD
     
179. /*词语索引列表中，强调当前词条*/
     * V' e7 w4 u. E1 v6 C4 X2 {
180.   {
     ; E* ~, S5 H8 t$ z0 z
181.   font-size:11px;
     
182.   color: green;
     
183.   }
     ! S& [, c5 ^5 z$ F7 X/ v& L' Y9 p

复制代码

rayman

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

chigre

你试试取消使用内置音标字体的选项看看?
& n8 D7 C: w: O, H$ Frayman 发表于 2012-7-15 12:21

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

rayman

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

chigre

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

" Y% B' |# _" w* ~9 n

, @- @1 b+ g- O% \8 u% ?: B这个是在电脑上的显示效果，并不像在Mdict里显示的那样。
------------------------------------
另外，CSS里自定义的字体不起作用。（已经放入Mdict字体文件夹下）
! O) N* y' M: `6 M  ^不知为何？

傲天印叶啊

技术帖子要顶

xoyoxian

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

Okya

6 a# n$ M! `, `% ?' }

5 Y- d4 V9 V% L% w$ z3 W- z( f- O谢谢楼主。。

9 S7 ^0 C6 Z  Y# [0 Z: }

dayeeren

谢谢分享！！！收藏下