新问题，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

- I; I& d! ~# K# h: z1 H6 l
继续请教，比如词典中这样一句代码

& v; E# n% j, w6 ~) g

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>
   8 y; R/ k1 Q4 C: m/ D$ V/ d
2. <img class="img_thumb" height="640" width="720" topic="shoes_comp.htm" thumb="laceup.jpg" src="image/shoes_comp.jpg"/></div block-g>

复制代码

! H1 \& {' E# o
想实现悬停图片放大，而默认图片靠右
( G( k/ T" t& d- ~* O8 m% I于是css用了
* J$ b7 }" q3 T  k0 f1 e

1. .img_thumb
   ' a" s7 _  e( I% f9 F0 U
2. {  float: right !important;
   
3.   width: 160px;
   3 b6 d7 P. X6 q+ L  Z
4.   height: auto;
   
5.   padding: 0 !important;
   7 U2 Z0 A. R6 f* H
6.   margin: 0 10px 10px 0 !important;
   
7.   -webkit-transition: 1s;}
   ( ?% G  m0 _* r2 Y: i; r8 D! ]
8. .img_thumb:hover {
   ' c% V4 [  Q' I) N: `$ I+ M
9.     -webkit-transform: scale(4);}

复制代码

8 C1 Z+ H  H9 w1 k+ }" D- t6 @现在悬停，图片可以放大显示了
9 T* y0 O7 n% [$ Y- g) d9 k; P但是图片的位置好像不由我控制，似乎是以小图片的中心为中心？

- P! I( j( u3 e不知道有没有更好的办法（尽量不用js）
7 b/ k# q9 V2 X- o  _/ S8 P% O
5 A+ x& \1 `% S$ K' x( r
/ P; m5 l# ^, `: [. R. n% B/ H

Oeasy

一、2015-10-11 14:50 主贴：
3 `" ~0 Z+ W% X1 f+ Q

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

复制代码

8 H" D; {3 p7 j( Z1 R) @
二、2015-10-11 19:48
* M. ]& c8 P$ i6 i1 h

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

复制代码

# [: W* u5 @8 O( M1 ]8 K3 T

itarcy

谢谢O大，解决了~

itarcy

新问题又来了，继续请教
; Z- G* R+ W: c( @) Y3 ^
* ]2 k9 j& o3 g( q: i$ L2 H# [+ c% f: Z1. 发现换了Windows 10以后，goldendict新加入的词典，css和mdd里面的css都不能识别。
; ^7 X2 y. E- U) O" d1 i有的，我自己解压展开mdd，然后修改下css就能用了
有的，死活不认，不知道怎么回事
: Y! |+ J. o% @. A; [: ?+ X- K比如，新牛津二版，有的版本我解压mdd自己动手以后，有格式了
8 j' z6 p$ |+ y( A/ d; M* A有的版本，还是不能识别css
6 s3 M5 u7 R8 _1 R- R  M1 e: N. x我仔细对比了mdx源文件与我自己的mdx，没发现有区别
（好像mdict也是不认格式）
不知道有没有人遇到和我一样的问题
/ ~% v* g! _1 N
/ Q( m" S4 }9 B# D7 q3 c3 N+ N2. font-face好像goldendict和mdict都不支持？
2 J1 u3 y9 l/ L4 Z" q各种字体都用了，似乎都不认，目录也换过了，也不管用
（都打包到mdd了）
+ @2 Q# ?0 ^. B, @5 G我css写的有问题么？

1. @font-face {
   & R5 H# a$ g% d# W/ T  L
2.     font-family: 'interstate-webfont';
   ) X" F9 \3 `1 `: _% F8 N
3.     src: url('font/interstate-webfont.eot');
   * d& J, w8 N* G; C2 Q- [. b
4.     src: url('font/interstate-webfont.eot?#iefix') format('embedded-opentype'),
   " q) f8 ?/ {( n* t
5.          url('font/interstate-webfont.woff2') format('woff2'),
   
6.          url('font/interstate-webfont.woff') format('woff'),
   * N) c9 q/ Y( s% i4 U
7.          url('font/interstate-webfont.ttf') format('truetype'),
   + M& C- l: T5 C# u
8.          url('font/interstate-webfont.svg#interstateregular') format('svg');
   
9.     font-weight: normal;
   , n$ G- \: O: n" ^( y
10.     font-style: normal;
    : G6 h7 O, e0 ?$ |" B. h! f. n, ?
11. 
    8 b0 x* W' r# H6 v
12. }

复制代码

Oeasy

itarcy 发表于 2015-10-18 10:48
* ?4 r5 k8 o# b新问题又来了，继续请教

) `; @- c- J! ?; k1. 发现换了Windows 10以后，goldendict新加入的词典，css和mdd里面的css都不能 ...

2 i+ X# A5 z+ a1 E
其实，这个问题很早就有了，至少我遇到过很多回（因为我以前制作、修改过很多个 mdx），具体原因、原理和解决办法，我是不了解的。
GoldenDict 不支持，可能是因为 GoldenDict 对 mdx/mdd 的支持，并不是作者 Rayman 添加的，虽然可以支持，但是还有有一些问题的，比如之前版本，不支持 png 格式图片，还有不支持和 mdx 同名的 css （无需 源txt 里 link，MDict PC 版是支持的）。
6 b9 j: [0 F5 DMDict ，注意要升级内核，才支持某些 css （如 xml + css ）。升级方法 ：https://www.pdawiki.com/forum/fo ... mp;page=7#pid176662

-
1 u* C3 a  ^. I2 g一、某些 css ，打包进 mdd ，不起作用，但是把  css 和 mdx/mdd 放在一起（外置），又是可以起作用的。
$ l" u; a- `$ d  ?. y! Z7 L
- r  r& E' g1 R二、曾经尝试过下面的方法，有的可以起作用，有的不可以，是否成功全靠人品和运气：
& ]! w8 I6 Y* Z2 P/ {* ~        ① css 改名，我曾经遇到过 p***、o*** 、x***.css 打包进 mdd 不起作用，但是改名 m***.css （当然源 txt 也要相应修改）就起作用了。
+ g/ F/ y5 U5 \$ Y% ~* ^. x$ w+ \        ② css 另存为 UTF-8无BOM 格式。
        ③ 这是极端的做法，肯定可行，把 css 内容内嵌到源 txt  的每个词条里{ 内部样式表（位于 <head> 标签内部）}，这样的话，源 txt 体积上涨无数。
2 j- q) V% c! @( t% E) r
/ ^, s3 b1 a/ W% J- L0 T……
. [7 L" I9 N1 ^  V* u折腾无极限啊。
& I% [, i* e* L6 K) Y2 [. Z