掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 1791|回复: 8

[使用求助] rayman,Mdict对CSS文件支持的程度区别于Bluedict

[复制链接]

该用户从未签到

发表于 2012-7-14 02:30:49 | 显示全部楼层 |阅读模式
本帖最后由 chigre 于 2012-7-14 03:19 编辑
( |3 M- \1 ~+ \2 t+ b  ?. R) R" h5 a( \" U! {/ \, y9 u
rayman,如何解决这个问题??) @8 E& \* E% u/ B3 h" K
& D/ v" ]+ K! D. g7 U
测试文件打包下载:* g+ b- A+ M, N' H3 R4 i
测试AB.rar( m# G! o. S1 v# ]" T; l6 `2 {. z0 S
8 R: U! J$ l# S

" B" L7 u. z6 X- J1 f如题,本来我设计一个词典界面的显示效果就如同Bluedict中显示的那样,6 p7 u: S* Q/ B) Z  L6 W/ f; |
如图对比显示,在Mdict有部分css效果缺失
% M7 }8 b! W6 B' S; |+ e1 c/ V. t% a+ V
6 g4 M- X9 e6 h5 t
词条【爱国】如下; E. B5 }" o' {/ X- L
-------------------------------------------------------------------------
  1. 3 t. [  ~7 w; h6 S
  2. 爱国
    7 N5 i9 B) v9 W* b% B6 `( R
  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>
    & \+ O  c# L$ q, y, `. Q
  4. </>
    * K/ ]% a# E# \2 d1 S3 G
复制代码
CSS文件如下:
% i- D: z+ J2 Y0 E! t) S尤其是【A】、【BODY】部分!!!
2 @" f* G1 Q: L3 v# D-------------------------------------------------------------------------
  1. A. J3 K9 j4 S8 M
  2. /*链接的默认格式*/: k/ m1 m1 T1 ~8 W4 ?
  3.   {$ m5 L& [6 K* }$ K  v8 q: C
  4.   font-size:10px;
    / g, {5 V9 B' k- t' S/ v5 M
  5.   color: #0B0B3B;8 S" x$ t( k& j( z2 N$ C, `
  6.   text-decoration: none;
    7 ~" F2 y" \  i3 d' \, m
  7.   }
    1 ?6 Z( X' W0 d
  8. : G" A" ?4 m$ q- ^
  9. BODY8 n( R  k' [6 |: N! F
  10. /*词典文本的默认格式*/1 q5 V7 w8 j( p/ z
  11.   {
    9 _2 r! c0 A6 m  Q- d
  12.   font-family:Times New Roman, Serif, sans-serif;
    ( J5 y0 j/ u3 |$ O
  13.   font-size:12px;
    . T; o7 j# y2 f, M6 a# a
  14.   font-weight:normal;" v/ F3 T% J: N) n& X# f. C) s. Q
  15.   font-style:normal;
    ! E! c) v1 r# M1 x0 O$ _
  16.   }
    - J$ N- N/ q4 E+ @& }9 Y. ~; U
  17. , s5 s6 c. Y/ S1 G
  18. hr
    5 }4 P6 a- ^$ H" t
  19. /*分割线的默认格式,本词典无*/
    6 E7 _7 x, K. n6 H: C
  20. {
    9 i# c2 R$ k) ?7 H& ?1 h
  21. border: 0;
    ( K+ J+ ]2 p4 E6 ]+ Z- v  w7 l& b& t
  22. border-top: solid 1px #00B050;# ?# K) [/ p4 ?. q3 {( P
  23. color: #fff;
    / U. n* q0 U8 Y7 s) x
  24. }& a2 h1 B  B9 w& x; ]  U

  25. 3 Z; r8 w# Q3 P% S& f
  26. /*--------------------------------------------------下面是页眉表格区的格式设置--------------------------------------------------*/  j) Z: s7 j* j! p7 \1 c
  27. table.sopra3 p+ D# D) {" N* i% S
  28. /*页眉表格的默认格式*/$ I3 B) Y! C. g( Z* a
  29.   {2 k/ U$ w3 Z3 A3 j/ |' v" A
  30.   border: 0;( R7 t3 c$ y& t) b0 m2 v, q3 j
  31.   width:100%;  C6 e& z* Q$ w. b& e9 }
  32.   }/ W0 Y0 S5 \& w
  33. 4 k! b/ B# J. w# W: j$ e% Q' d9 J$ w4 _
  34. tr.sopra
      r* k- R- R& [7 S0 O& b
  35. /*页眉表格的默认格式:第一行添加背景色*/
    ) k6 M) x( O9 ~' {) {% E
  36.   {, @  H, {* }2 o: c. E* K
  37.   border: 0;( z+ R+ m6 B) B. C, ~5 H% @
  38.   background-color: #E0ECF8;  e9 m4 J/ h1 K/ h" G( G
  39.   }
    ; P6 X/ D# k" f% O+ b% _; [! e
  40. td.CITIAO6 U0 _) ?/ P& @. [( {
  41. /*页眉表格的默认格式:第二行词条处显示下边框*/
    5 W: N' r* g$ h
  42.   {# W; q, t# l  B* q' Q
  43.   border: 0;3 @5 N# v/ n0 ?* }5 k' j
  44.   border-bottom: 1px solid #E0ECF8;
    * v# i) _) B, @& t# I: q  b2 y
  45.   }( z% q2 x5 Z$ x1 [. |* X$ R
  46. " m1 W% @! I$ T; y/ ]
  47. LETTERA, NUMERO, PAGINA7 n, w) U& T; Z8 ], U
  48. /*页眉表格右上主单字的首字母ABC*/# {4 J0 A' N% ^+ B0 U
  49.   {4 v  u( F0 v+ W5 q
  50.   font-size:11px;( ?, @! k7 F; E; {6 ~
  51.   color: #424242;
    * d! ?' P; G' G, M+ a  ]
  52.   }
    * F6 d7 ~% `) H' z& Z: J# R
  53. /*--------------------------------------------------下面是主要内容区的格式设置--------------------------------------------------*/+ r8 q" T6 v/ M& |
  54. CITIAO# M& K- g% j/ m2 e4 |
  55. /*中文词条:释义第一行显示*/1 I5 [* q" D. x
  56.   {, b- y& b! k4 p7 N2 Q& x& d, b# U
  57.   font-size:16px;
    0 f( K; n% t0 x, s
  58.   font-weight:bold;
      a) }7 v6 C8 ]! j5 W4 `4 \& Y
  59.   font-style:normal;
    8 f9 t* G% h7 g, q) ]
  60.   color: #0B0B3B;
    * f. W9 E/ {/ _
  61.   }1 @4 q2 Y. o1 s) \6 n- l

  62. 1 Z  K; H8 r8 U9 [
  63. YITIZI0 N* P% g$ a, h3 w
  64. /*单字词条异体字(竝)*/, m( C8 B% y- ~! J) h5 y
  65.   {2 I$ o- A$ R6 F" w
  66.   font-size:14px;
    1 V5 |% g! e  z1 ~- t  q
  67.   font-weight:normal;
    1 F$ f' ~- A5 `( p
  68.   font-style:normal;
    ' A0 T9 D) T' i7 ]
  69.   color: #424242;1 k5 K# e' Z3 @9 J" {
  70.   }
    2 N% b  X: }+ O% f1 ?" h& D# Z3 {

  71. 3 |9 b; w5 v  B6 o9 F- b/ J2 k% z7 O
  72. PINYIN
    ( J, p" z6 a& f8 J
  73. /*拼音, 如&#8249;ài·qíng&#8250;*/3 w9 B1 `/ d6 _& I: z) L* _. `8 l
  74.   {% E& h; ^$ C0 z! o' k# J) }
  75.   font-family:Times New Roman, Serif, sans-serif;
    2 t; h6 n4 T  j! \& w: n
  76.   font-size:13px;
    3 {0 s$ S$ B5 E7 n/ D
  77.   color: #424242;! B# a& U: E+ n
  78.   }
    , M, m  W" ~* k0 z( T3 g( o& |

  79. / H7 O. P5 A* Y; d
  80. JIESHI
    / l$ W) G. q! i7 F8 p6 l) L
  81. /*词条解释区:2个分割线之间*/9 [; T" \( d6 l. F1 f! }
  82.   {
    3 o2 O  H7 F" V9 t( S
  83.   font-family:Times New Roman_B, Serif, sans-serif;
    0 [2 P% ?2 G: R' n: \: j
  84.   font-weight:normal;
    , G( ~4 `+ d' }4 A2 L
  85.   font-style:normal;
    % b( y; ^! k/ I& _! k, W
  86.   }
    $ ?: x2 m: ^+ y( c* @% d+ {
  87. 0 c& f' y/ O+ x  D0 u  W& `/ V5 y
  88. TIHUAN0 j; Y  P6 v6 B
  89. /*主词的替换“~”部分*/
    2 W% q/ S6 @+ |/ M6 E9 r! Z$ K- d
  90.   {  |5 I: U3 s' M# r
  91.   color: #0040FF;& x+ |! e5 C! m5 m- C
  92.   }$ T3 ]3 q& @8 V) F' P' C7 r4 E$ C
  93. 9 W" `2 F# e0 Q6 J9 Y. w- ]; a
  94. LINGJIAN
    : P" m: [2 Y- n. \
  95. /*另见:…………*/& D% e4 s% [; V, @9 o
  96.   {! |  [* F( G' I% J" R
  97.   color: #424242;& p. t3 O; l, |& S) Z
  98.   }) u. R9 E5 Y# G' Y$ }) s  }

  99. . A/ Z+ ~9 C9 C
  100. CN
    9 R0 [8 }; N, N( b9 i3 S. d  W
  101. /*解释中的示例中文内容*// |4 q2 t- h3 G( c
  102.   {
    : y  I" s5 [1 ~; o
  103.   font-size:10px;) w( D8 Y8 o0 G8 v, Z
  104.   }, s8 o7 s. q& c% H
  105. , E; W' w- g7 T
  106. IT
    8 L4 K- w5 H* H! Z  u# k( z
  107. /*解释中的示例意大利文内容*/. B8 S0 w' j5 o" Y) W5 ?
  108.   {' V1 [8 f) H) D" o0 h
  109.   font-family:Times New Roman_I, Serif, sans-serif;
    3 l3 @( @8 s8 x2 {. L# \5 m2 ?- ]7 v
  110.   font-size:11px;
    ) m: U; @  [1 T( h
  111.   font-weight:normal;
    3 T1 p0 j0 N0 o8 e0 Y- a9 U0 {3 Z
  112.   font-style:italic;
    5 S( ?+ N: H- N5 y+ u
  113.   color: black;
    3 I) q8 L; _1 w! K  t6 }/ v
  114.   }. ^9 H% t/ f3 m* Y5 d
  115. /*--------------------------------------------------下面是一些标点符号的格式设置--------------------------------------------------*/
    8 o: e5 `$ E. r0 ]$ B9 x% I# _
  116. SHILI) [; T6 W8 e# z
  117. /*解释中的示例符号▎*/
    6 D; o$ I  H  @, u& d1 e
  118.   {$ A5 g: P. E- _4 r% i& _$ E  B
  119.   font-size:10px;
    8 b' G. ^6 `4 u% A4 g( q
  120.   font-weight:normal;
    5 k! @! H! v+ x" z: i3 G
  121.   font-style:normal;$ V) q1 t" z) y7 q2 w
  122.   color: orange;( j: f/ z* r3 s1 Q
  123.   }8 n  X/ G+ n4 x
  124. III; a4 l* `% ]& I4 f) C; |
  125. /*解释中的序号Ⅳ, Ⅲ*/
    ) }$ P! j7 [7 z6 w: R6 M
  126.   {0 ?/ Y7 G& P& l+ p* u7 O' K" D: T
  127.   font-size:16px;$ D( v1 [$ m5 N+ x7 v$ P
  128.   font-weight:bold;
    - m; v$ z# @) c
  129.   color: red;/ m( H3 I: z5 v" Q( k
  130.   }1 G# E# R' {1 G2 M9 R" t
  131. & T/ s+ J& a. \
  132. NNN
    / q4 r$ T  l3 P" k# U  a$ J/ S- _
  133. /*解释中的序号(1), (2)*/- T& m8 L9 n8 X  z: D1 X7 P$ V
  134.   {+ n* ~6 R0 k6 e& F, X$ j; u  K
  135.   font-size:13px;. L( r& j( G& P8 D
  136.   font-weight:bold;
    * a, \7 p7 ?9 a, l! E
  137.   color: green;/ j1 C2 V# v) V9 f4 {2 p
  138.   }
    . ]- [  g6 W, g3 x
  139. ; d/ m4 e+ x: [4 k; T) K: f
  140. FENHAO
    : N9 w* y  m' P# N  O
  141. /*解释中的分号;*/
    ) I2 n( A" ]" [0 {' M% {4 h4 H- L2 |9 h
  142.   {
    " ^5 Y0 F9 x% l  i. }9 ^$ ]
  143.   font-size:12px;2 a0 A/ c; O# A6 G) D3 H! s4 K
  144.   font-weight:bold;; {, [2 G' h, W2 J
  145.   font-style:normal;& E8 j! C8 T7 D" j! W1 L
  146.   color: red;5 m' n$ ~2 i0 V& K9 o
  147.   }: P; m$ t, W8 N9 B& ?
  148. /*--------------------------------------------------下面是词语索引列表的格式设置--------------------------------------------------*/
    ! e: q$ p# i% h; P
  149. table.sotto  n: W5 I& b9 Q6 ?8 d
  150. /*页尾表格的默认格式*/1 T; g9 L6 F0 }% e, L
  151.   {. t- [& [" s  U8 K: u1 ^
  152.   border: 0;
    & S' D0 w( i6 c+ G
  153.   width:100%;
      Q! V/ O/ P% p7 r( O- V9 v, o
  154.   background-color: #E6F8E0;
    . S" k* B! Z" {5 Z2 k
  155.   }9 [6 U2 F' y0 b! @' P; g: P7 ?; p7 o7 `
  156. 9 s0 e2 [7 L+ \8 {0 J
  157. p.sotto
    / E4 j, R, z% _0 |/ u( J% w- v
  158. /*页尾表格中的段落:悬挂缩进*/' c' K% Y; H0 d
  159.   {
    : m6 L- ?2 h0 c
  160.   text-indent: -1em;5 w3 m4 S$ d9 d, J( ?
  161.   padding-left: 1em;
    $ [1 p. T- m' S2 l+ }$ J$ E
  162.   }
    , d, `. k% ]5 m' p

  163. + P8 E+ C5 Y0 `! O$ E
  164. CYSY( _( ^) W7 Q2 [5 ?
  165. /*词语索引列表*/; ~9 b8 L- [. z+ w  O
  166.   {
    6 `( w8 q7 }, B; N1 I& A. f: y5 b
  167.   font-size:10px;2 B) G. ?$ N6 X& e8 [4 O8 a
  168.   color: #0B0B3B;. T9 w& |# S9 e2 \1 _' d
  169.   }# A9 a; F7 V+ S# k  A8 g/ @

  170. / J8 I0 S( R" J* L5 T  J0 U+ u0 h
  171. DANZI
    ! W4 [" y! }' [8 g3 k5 o
  172. /*词语索引列表中,首字单字*/" M- s7 ^7 d, U0 L. s4 N4 E
  173.   {
    ) d0 w' Z$ B4 ~- ?* j' w
  174.   font-size:13px;+ b0 ^; b5 ^3 W# K% H/ c' ~6 O# }2 ^
  175.   color: red;
    ( i  g% z" j% A- C. J
  176.   }
    * b1 Y* _  p2 ?, K1 W: @

  177. 8 _( u. ~/ m9 L" x
  178. QD' B7 I. |0 `$ E- U
  179. /*词语索引列表中,强调当前词条*/
    " F3 C& Q; K: x% h3 I
  180.   {
    8 W+ [: e1 B* o4 A* \
  181.   font-size:11px;3 D: `  q# r2 m7 E0 R
  182.   color: green;
    3 X( k9 t* O7 R7 ^$ [9 P
  183.   }% E" ]: B, q1 y- d: L" Y
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?免费注册

x

该用户从未签到

发表于 2012-7-15 12:21:15 | 显示全部楼层
你试试取消使用内置音标字体的选项看看?

该用户从未签到

 楼主| 发表于 2012-7-15 15:34:42 | 显示全部楼层
你试试取消使用内置音标字体的选项看看?
( E$ K7 r% u. W1 a8 Jrayman 发表于 2012-7-15 12:21

% r3 u& O% K/ u. I  n) ?& L# x9 U4 V7 F( U# {/ d, e5 \" m
没有用 还是一样的显示效果

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2012-7-16 01:45:26 | 显示全部楼层
可能是我在程序里声明了使用严格的html语法,因为这个影响到后面的一些显示的处理了。你可以把内容组合成一个html文件,放在Chrome浏览器里看看效果。
( v& L( w& d- ^; m7 y+ n' Qrayman 发表于 2012-7-16 00:19

, _/ K& P2 F6 W
& q: P" a9 s. P" j1 D$ U% ?# h2 N! U% R, B/ c8 H0 X
这个是在电脑上的显示效果,并不像在Mdict里显示的那样。
5 o: r9 W8 \2 `( b; E  R+ V" M------------------------------------; C9 |6 r* i- w. |/ f8 k
另外,CSS里自定义的字体不起作用。(已经放入Mdict字体文件夹下)
  p8 v3 R, A( p) G不知为何?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?免费注册

x

该用户从未签到

发表于 2013-3-12 23:13:13 | 显示全部楼层
技术帖子要顶

该用户从未签到

发表于 2013-3-29 15:07:45 | 显示全部楼层
这个问题很复杂,处理起来也会很麻烦
  • TA的每日心情
    开心
    2021-2-18 14:34
  • 签到天数: 1 天

    [LV.1]初来乍到

    发表于 2021-2-18 15:35:04 | 显示全部楼层
    谢谢分享!!!收藏下
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2024-3-29 01:42 , Processed in 0.038524 second(s), 11 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

    快速回复 返回顶部 返回列表