新问题，windows 10下css不识别和font-face支持，问题在最后一楼

476255120

我是来刷米粒的！！！！

476255120

我是来刷积分的！！！！！！

476255120

顺便帮你顶贴

476255120

大神快来吧！！

476255120

验证码真恶心！！！

476255120

你说是吗

476255120

i think so

476255120

14!!!

476255120

13!!!!

476255120

12!!!!!

476255120

11!!!!!!!

476255120

10

476255120

9

476255120

8

476255120

7

476255120

6

476255120

5

476255120

4

476255120

3

476255120

2

itarcy

' A$ T' ?& d  B! k- S5 L
继续请教，比如词典中这样一句代码

1. <div class="block-g" level="2"><span class="pos-g" level="3"> <span class="pos" level="4" pos="n">noun</span pos> <img src="chrome/oalecd8/skin/data/symbols/small_coresym.png"/> </span pos-g>
   
2. <img class="img_thumb" height="640" width="720" topic="shoes_comp.htm" thumb="laceup.jpg" src="image/shoes_comp.jpg"/></div block-g>

复制代码

9 l5 {' v1 k$ W7 M5 p* T, w想实现悬停图片放大，而默认图片靠右
于是css用了
8 `/ U+ f) I( y

1. .img_thumb
   & Q8 y" q- f, {# d9 r
2. {  float: right !important;
   . |  I  f; T/ j" `
3.   width: 160px;
   ) m3 Z" w& S/ z' M% k
4.   height: auto;
   
5.   padding: 0 !important;
   
6.   margin: 0 10px 10px 0 !important;
   + |# J2 S6 q% [& u: y' x; x
7.   -webkit-transition: 1s;}
   
8. .img_thumb:hover {
   
9.     -webkit-transform: scale(4);}

复制代码

. G) f3 a  N0 S  ~1 T7 ?5 a
现在悬停，图片可以放大显示了
) k5 n  g1 l+ J4 V4 z' J2 ~但是图片的位置好像不由我控制，似乎是以小图片的中心为中心？
3 G! f( ]. \7 Z" ]. ^; f3 t/ y
) G% \' C8 C7 t! c不知道有没有更好的办法（尽量不用js）
6 @3 x' p7 P# T

Oeasy

一、2015-10-11 14:50 主贴：
/ Q& u+ y6 I/ B  F1 x

1. <span class="oa_pv">([^>]+?)</span pv>

复制代码

4 C# r8 U# Z  G
二、2015-10-11 19:48
, T1 C2 {8 M6 k) g  |( V1 r

1. .img_thumb:hover {
   
2.     -webkit-transform: scale(4) ; transform-origin:top right;}

复制代码

& U5 ~1 S; ~$ I/ c

itarcy

谢谢O大，解决了~

itarcy

新问题又来了，继续请教
' ]3 D' j- O" J( W! ]
1. 发现换了Windows 10以后，goldendict新加入的词典，css和mdd里面的css都不能识别。
有的，我自己解压展开mdd，然后修改下css就能用了
有的，死活不认，不知道怎么回事
比如，新牛津二版，有的版本我解压mdd自己动手以后，有格式了
有的版本，还是不能识别css
我仔细对比了mdx源文件与我自己的mdx，没发现有区别
' D$ X# ?& v5 X) j8 t. E（好像mdict也是不认格式）
; W& n5 w5 W3 e- M0 a0 t不知道有没有人遇到和我一样的问题
! M. u* n0 F4 K
2. font-face好像goldendict和mdict都不支持？
各种字体都用了，似乎都不认，目录也换过了，也不管用
( x/ S* C$ O" p% k# C（都打包到mdd了）
我css写的有问题么？

1. @font-face {
   
2.     font-family: 'interstate-webfont';
   
3.     src: url('font/interstate-webfont.eot');
   
4.     src: url('font/interstate-webfont.eot?#iefix') format('embedded-opentype'),
   8 S' l9 m" p, ?! `% N
5.          url('font/interstate-webfont.woff2') format('woff2'),
   1 g2 A1 A& J6 Y! b
6.          url('font/interstate-webfont.woff') format('woff'),
   ) k, O* c+ ?& g
7.          url('font/interstate-webfont.ttf') format('truetype'),
   
8.          url('font/interstate-webfont.svg#interstateregular') format('svg');
   4 }; s% A8 {7 M& L
9.     font-weight: normal;
   5 ~* Q" O, I  x2 \! A( h9 \
10.     font-style: normal;
    5 L! G+ Y0 Y4 k8 X
11. 
    " _7 X$ s% }0 b( R
12. }

复制代码

Oeasy

itarcy 发表于 2015-10-18 10:48
$ J: C) g/ U7 b( \% Q0 B" y! p4 @新问题又来了，继续请教
0 x4 V# }6 g, z
% _7 e; f# p; `% S. u8 T1. 发现换了Windows 10以后，goldendict新加入的词典，css和mdd里面的css都不能 ...

, N1 \5 i' p1 ]# z
$ G: G1 f7 c  V( e/ x5 k
- r" G' _: E) H6 A其实，这个问题很早就有了，至少我遇到过很多回（因为我以前制作、修改过很多个 mdx），具体原因、原理和解决办法，我是不了解的。
GoldenDict 不支持，可能是因为 GoldenDict 对 mdx/mdd 的支持，并不是作者 Rayman 添加的，虽然可以支持，但是还有有一些问题的，比如之前版本，不支持 png 格式图片，还有不支持和 mdx 同名的 css （无需 源txt 里 link，MDict PC 版是支持的）。
MDict ，注意要升级内核，才支持某些 css （如 xml + css ）。升级方法 ：https://www.pdawiki.com/forum/fo ... mp;page=7#pid176662
6 h; Y  C, R! L8 X# w; G' ~
-
% ?* Y: {+ c0 o, S7 Z# P" c* C3 H一、某些 css ，打包进 mdd ，不起作用，但是把  css 和 mdx/mdd 放在一起（外置），又是可以起作用的。

1 ^5 V2 K  P9 P4 w. A二、曾经尝试过下面的方法，有的可以起作用，有的不可以，是否成功全靠人品和运气：
3 h; f" F: }9 l  g9 e6 M. ~" |  N5 v        ① css 改名，我曾经遇到过 p***、o*** 、x***.css 打包进 mdd 不起作用，但是改名 m***.css （当然源 txt 也要相应修改）就起作用了。
0 o2 }- P1 l+ N$ \0 Y        ② css 另存为 UTF-8无BOM 格式。
        ③ 这是极端的做法，肯定可行，把 css 内容内嵌到源 txt  的每个词条里{ 内部样式表（位于 <head> 标签内部）}，这样的话，源 txt 体积上涨无数。
  A3 @* O3 H; X) z3 {
……
4 j' A9 [( E$ ^7 i4 z* v( F4 E折腾无极限啊。