求解：mdict和欧路正常识别的css文件，为何在goldendict中失效

DIC4Khmer

近期我觉得自己之前做的图片词典不够简洁和美观，就折腾着仿照网上的代码修改了CSS文件，并重新生成了MDX和MDD文件。可是问题出现。原来的CSS文件在各个软件中的识别都比较好，修改后Mdict和欧路能正常识别新的CSS文件，但Goldendict却无法显示。修改前效果如下图所示：

9 X* x6 G% {; G" }5 L/ H修改后，mdict和欧路的显示效果为：


以下是修改后的CSS代码：

1. *{margin 0px;padding 0px;}
   + r2 ]' R8 d! b4 {2 _2 {
2. #main{min-width:700px;max-width:980px;margin:0px auto;background:#eeffff;text-align:center;border:2px solid #ff6600;}
   
3. .container { background:#ff6600;margin:0px;padding:0px auto;height:42px;position:relative;}
   
4. #citou{font-family:khmer os;font-size:1.4em;text-align:left;padding:2px 200px 2px;margin-top:10px;}
   ) v+ r5 Q9 @: h% c! N% R
5. #citou span{background:#cc9900;border-radius:5px;color:#0033cc;}
   
6. table{margin:10px 0px 20px 200px;border-collapse:collapse;padding:5px;}
   * H& v( `: N' h1 \
7. .tbname{text-align:left;}
   . H! w/ A$ b1 N
8. .qian,.hou{border:2px solid #cccccc;padding:2px 10px 2px 10px;}
   0 D6 g! e4 K8 j$ h, c  l9 l' o
9. .qian a,.hou a{font-family:khmer os; font-size:1.1em;}
   
10. .tbname span{background:#8F0610;color:white;font-family:khmer os;font-size:1.2em;border-radius:4px;display:block;margin-right:20px;}
    8 l! T" D( b, P0 C3 C) j9 E0 t$ p0 b
11. table a{text-decoration:none;}
    % Q4 p) T+ [5 {+ Z7 p7 R9 ]7 S
12. table a{color:#cc6600;}
    & U/ U3 T; ?! ~" @* u
13. table a:hover{color:#663399}
    
14. table a:active{color:red;}
    # x& A' D+ m4 ?; P; {9 Q
15. table a:visited{color:blue;}
    
16. ul#nav {display:block;float:left;padding:0;}
    
17. ul#nav,ul#nav ul {list-style:none;margin:0;}
    ) p# k; Z; x0 s0 u3 l( d, b. Q# a/ g
18. ul#nav{background-color:#ff6600;border-radius:9px;moz-border-radius:9px;-webkit-border-radius:9px;}
    
19. ul#nav .subs {background-color:#eeffff;border-radius:9px;moz-border-radius:9px;-webkit-border-radius:9px;}
    
20. ul#nav .subs {display:none;float:left;left:0;padding:0 1px 1px;position:absolute;top:100%;width:100px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
    
21. ul#nav li:hover>* {display:block;}
    
22. ul#nav li:hover {position:relative;}
    
23. ul#nav ul .subs {left:100%;position:absolute;top:0;}
    
24. ul#nav ul {padding:0;}
    
25. ul#nav li {display:block;float:left;font-size:0;white-space:nowrap;}
      o) R( ?. w6 T( Y9 n) P
26. ul#nav>li,ul#nav li {margin:0;}
    
27. ul#nav ul>li {margin:5px 0 0;}
    
28. ul#nav a:active,ul#nav a:focus {outline-style:none;}
    
29. ul#nav a {border-style:none;border-width:0;color:#ffff00;cursor:pointer;display:block;font-size:10px;font-weight:bold;padding:8px 18px;text-align:left;text-decoration:none;text-shadow:#fff 0 1px 1px;vertical-align:middle;}
    
30. ul#nav ul li {float:none;margin:6px 0 0;}
    
31. ul#nav ul a {background-color:#fff;border-color:#ffff00;border-style:solid;border-width:0 0 1px;color:#000;font-size:13px;padding:4px;text-align:left;text-decoration:none;text-shadow:#fff 0 0 0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
    
32. ul#nav li:hover>a {border-style:none;color:#fff;font-size:13px;font-weight:bold;text-decoration:none;text-shadow:#181818 0 1px 1px;}
    
33. ul#nav img {border:none;margin-right:8px;vertical-align:middle;}
    
34. ul#nav span {background-position:right center;background-repeat:no-repeat;display:block;overflow:visible;padding:0;}
    , s% j. u  |& Z
35. ul#nav ul li:hover>a {border-color:#444;border-style:solid;color:#FF7F00;font-size:13px;text-decoration:none;text-shadow:#fff 0 0 0;}
    
36. ul#nav > li >a {background-color:transpa;height:25px;line-height:25px;border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px;}
    5 N% S$ x4 Y2 H0 \; @. [
37. ul#nav > li:hover > a {line-height:25px;}
    
38. #content{clear:left;}
    * t; N# [; p3 ^+ V, V) u0 p4 R
39. #footer{height:30px;font-family:宋体;font-size:0.9em;color:white;margin-top:20px;background:#ff6600;}
    
40. #footer span{line-height:30px;}

复制代码

txt示例源码为：

1. ខ្មែរ
   
2. <link ref="stylesheet" href="JHCD-CSS.css">
   
3. <div id="main">
     f1 y- a1 d' Z* D2 G. I
4. <div class="container">
   % q# H. U+ a9 K  X; B% \0 i2 z
5. <ul id="nav">
   4 ^* r  z6 t' C+ {$ {3 N
6. <li><a href="#"><span><img src="home.png" /></span></a>
   6 K8 B- I% s" z
7. <div class="subs">
   
8. <ul>
   * i2 r4 ?  X0 c, U
9. <li><a href="entry://体例说明"><img src="bub.png" />体例说明</a></li>
   : ]& p, y0 }6 A0 @0 T* v
10. <li><a href="entry://略语表"><img src="bub.png" />略语表</a></li>
    3 s7 p9 {: Y/ ~
11. <li><a href="entry://各省市名"><img src="bub.png" />各省市名</a></li>
    - Q4 W/ C5 ~! W2 K" E* L- _
12. <li><a href="entry://计量单位"><img src="bub.png" />计量单位</a></li>
    ( M8 e7 F! p! [+ d/ M+ D
13. <li><a href="entry://传统节日"><img src="bub.png" />传统节日</a></li>
    3 n6 O" {+ o. C0 Y
14. <li><a href="entry://柬语转英语"><img src="bub.png" />柬语转英语</a></li>
    
15. <li><a href="entry://汉语转柬语"><img src="bub.png" />汉语转柬语</a></li>
    
16. <li><a href="entry://柬埔寨地图"><img src="bub.png" />柬埔寨地图</a></li>
    ( [9 g/ h, q, K, n5 r
17. </ul>
    
18. </div>
    
19. </li>
    
20. </ul>
    # ]$ \, I6 {6 J
21. </div>
    1 i% ^, I- D5 E3 c8 ?
22. <div id="citou">
    & _) `. |% ^% d1 q3 s
23. <div>
    
24. <span class="khmer">&nbsp;ខ្មែរ&nbsp;</span>
    0 x: b4 J& X) A& K2 X9 B" Z0 z
25. </div>
    
26. </div>
    # t7 y# \- p4 h/ ]0 t/ `
27. <div>
    7 x- c- [4 m1 u7 r9 B
28. <table>
    1 F  @( B. k3 J- d1 A2 p
29. <tr>
    
30. <td class="tbname"><span>&nbsp;ពីមុន&nbsp;</span></td>
    ! ^+ x/ K; }5 G+ A2 U, }& u
31. <td class="qian"><a href="entry://ខ្មេះ">ខ្មេះ</a></td>
    
32. <td class="qian"><a href="entry://ខ្មេរ">ខ្មេរ</a></td>
    
33. <td class="qian"><a href="entry://ខ្មើតស្លាប់">ខ្មើតស្លាប់</a></td>
    1 p0 a7 L* [! U% x
34. <td class="qian"><a href="entry://ខ្មួល">ខ្មួល</a></td>
    $ u! w' q$ b: a
35. <td class="qian"><a href="entry://ខ្មួរ">ខ្មួរ</a></td>
    
36. </tr>
    
37. <tr>
    
38. <td class="tbname"><span>&nbsp;ក្រោយ&nbsp;</span></td>
    
39. <td class="hou"><a href="entry://ខ្មែរូបនីយកម្ម">ខ្មែរូបនីយកម្ម</a></td>
      Q. ~* b. O: E" ~' Y
40. <td class="hou"><a href="entry://ខ្មោច">ខ្មោច</a></td>
    
41. <td class="hou"><a href="entry://ខ្មោះ">ខ្មោះ</a></td>
    " h1 Y" U% R2 U1 n8 z9 K8 e- Z# m
42. <td class="hou"><a href="entry://ខ្មោះខ្មួរ">ខ្មោះខ្មួរ</a></td>
    
43. <td class="hou"><a href="entry://ខ្មាំង">ខ្មាំង</a></td>
    
44. </tr>
    8 f4 i- Y1 w/ K# N, q) c2 @3 B
45. </table>
    
46. </div>
    , m/ m: p- b5 A+ L' O; ~
47. <div id="content"><img src="/0095_WW_019(1).png"></div>
      l* X( p' z9 E5 {
48. <div id="footer">
    
49. <span>
    
50. 有任何使用问题，请联系[email protected]。
    2 o( T( c8 X2 Q6 s( J% w
51. </span>
    - o4 N4 i4 }( [4 v. k+ Y3 @
52. </div>
    
53. </div>
    4 Q; D+ T- G' ^  E
54. </>

复制代码

6 g: P# l% A/ P. y8 w! s- ]7 _$ t我翻过之前出现类似问题的帖子https://pdawiki.com/forum/forum. ... &fromuid=193499，但我照着上述方法操作，修改名字，重制MDX和MDD文件，清空Goldendict词典文件再重新加载等，还是不起效果。显示图为：
9 _  y+ o: g, ~& W* h" x! w  Q9 ~4 E
# o& m2 y3 ~0 Z# d1 r请问这该如何解决呢？先谢谢大家了。

simonfire

; z( X4 [, ^" d  Y5 O: {
; C; |- H! l' K看你给的示例源文件里，css引入那句<link ref="stylesheet" href="JHCD-CSS.css">，ref应为rel，不知道是你手误还是全部都是这么写的，改回来试试看吧。

DIC4Khmer

simonfire 发表于 2018-5-24 06:01
看你给的示例源文件里，css引入那句，ref应为rel，不知道是你手误还是全部都是这么写的，改回来试试看吧。 ...

( f0 {, d2 Z" |0 @4 [! _! @* h好的，谢谢您的回复。我再试试看，还真没注意到。