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

476255120 · 发表于 2015-8-28 16:13:23

我是来刷米粒的！！！！

476255120 · 发表于 2015-8-28 16:14:00

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

476255120 · 发表于 2015-8-28 16:14:25

顺便帮你顶贴

476255120 · 发表于 2015-8-28 16:15:37

大神快来吧！！

476255120 · 发表于 2015-8-28 16:16:06

验证码真恶心！！！

476255120 · 发表于 2015-8-28 16:16:42

你说是吗

476255120 · 发表于 2015-8-28 16:17:02

i think so

476255120 · 发表于 2015-8-28 16:17:36

14!!!

476255120 · 发表于 2015-8-28 16:17:51

13!!!!

476255120 · 发表于 2015-8-28 16:18:07

12!!!!!

476255120 · 发表于 2015-8-28 16:18:35

11!!!!!!!

476255120 · 发表于 2015-8-28 16:18:55

476255120 · 发表于 2015-8-28 16:19:31

476255120 · 发表于 2015-8-28 16:20:25

476255120 · 发表于 2015-8-28 16:20:48

476255120 · 发表于 2015-8-28 16:21:28

476255120 · 发表于 2015-8-28 16:21:47

476255120 · 发表于 2015-8-28 16:22:15

476255120 · 发表于 2015-8-28 16:22:37

476255120 · 发表于 2015-8-28 16:22:55

itarcy · 发表于 2015-10-11 15:00:58

本帖最后由 itarcy 于 2015-10-11 19:48 编辑

继续请教，比如词典中这样一句代码

<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>
; |- O+ P, Z1 I( C
<img class="img_thumb" height="640" width="720" topic="shoes_comp.htm" thumb="laceup.jpg" src="image/shoes_comp.jpg"/></div block-g>

复制代码

想实现悬停图片放大，而默认图片靠右
于是css用了

.img_thumb
6 C8 p( F" Y4 h! x, W
{ float: right !important;
5 Z7 e6 d' e$ t7 t+ U9 H4 l2 N. A( @: S
width: 160px;
j6 ^" s( ^5 c; ]; P
height: auto;
& D2 B; f( `8 g) S
padding: 0 !important;, a$ |; l4 }$ z+ J1 b" G& N
margin: 0 10px 10px 0 !important;9 Z+ l/ \8 @; ?6 O! w( b
-webkit-transition: 1s;}
, _6 F/ ~$ b, X( e9 P5 d
.img_thumb:hover {
0 [, |; U4 V' F: t c* O( o
-webkit-transform: scale(4);}

复制代码

现在悬停，图片可以放大显示了
但是图片的位置好像不由我控制，似乎是以小图片的中心为中心？

不知道有没有更好的办法（尽量不用js）

Oeasy · 发表于 2015-10-11 23:35:03

一、2015-10-11 14:50 主贴：

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

复制代码

二、2015-10-11 19:48

.img_thumb:hover {' J8 A$ X1 e$ _( k7 V- q1 }. P; s
-webkit-transform: scale(4) ; transform-origin:top right;}

复制代码

itarcy · 发表于 2015-10-12 08:53:12

谢谢O大，解决了~

itarcy · 发表于 2015-10-18 10:48:56

新问题又来了，继续请教

1. 发现换了Windows 10以后，goldendict新加入的词典，css和mdd里面的css都不能识别。
有的，我自己解压展开mdd，然后修改下css就能用了
有的，死活不认，不知道怎么回事
比如，新牛津二版，有的版本我解压mdd自己动手以后，有格式了
有的版本，还是不能识别css
我仔细对比了mdx源文件与我自己的mdx，没发现有区别
（好像mdict也是不认格式）
不知道有没有人遇到和我一样的问题

2. font-face好像goldendict和mdict都不支持？
各种字体都用了，似乎都不认，目录也换过了，也不管用
（都打包到mdd了）
我css写的有问题么？

@font-face {% C" ^, n0 i. K" y2 _
font-family: 'interstate-webfont';2 } G) o7 y7 }+ \( S
src: url('font/interstate-webfont.eot');
+ C. g2 F% h- J; S5 T
src: url('font/interstate-webfont.eot?#iefix') format('embedded-opentype'),
+ ]6 L; P) |; r1 e a/ }# ]
url('font/interstate-webfont.woff2') format('woff2'),1 F4 i/ Z! y" v5 N2 _
url('font/interstate-webfont.woff') format('woff'),! E7 v7 Z9 K$ P7 i; K
url('font/interstate-webfont.ttf') format('truetype'),
* f& x! i; Y' e7 W; ]' e
url('font/interstate-webfont.svg#interstateregular') format('svg');$ l; p7 f1 s; |0 C! f. a
font-weight: normal;
& [+ n5 c% @0 x5 m( ]( {% E
font-style: normal;
, E' ]& f$ F. ]
2 n+ F+ o6 q& w/ T" a0 x
}

复制代码

Oeasy · 发表于 2015-10-18 12:02:36

itarcy 发表于 2015-10-18 10:48
8 E3 r) U0 C/ r& k; d1 T* w! e新问题又来了，继续请教
+ j5 W& r9 b1 B+ I9 N9 @% [( |. F* v8 D& ?
1. 发现换了Windows 10以后，goldendict新加入的词典，css和mdd里面的css都不能 ...

其实，这个问题很早就有了，至少我遇到过很多回（因为我以前制作、修改过很多个 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

-
一、某些 css ，打包进 mdd ，不起作用，但是把 css 和 mdx/mdd 放在一起（外置），又是可以起作用的。

二、曾经尝试过下面的方法，有的可以起作用，有的不可以，是否成功全靠人品和运气：
① css 改名，我曾经遇到过 p***、o*** 、x***.css 打包进 mdd 不起作用，但是改名 m***.css （当然源 txt 也要相应修改）就起作用了。
② css 另存为 UTF-8无BOM 格式。
③ 这是极端的做法，肯定可行，把 css 内容内嵌到源 txt 的每个词条里{ 内部样式表（位于 <head> 标签内部）}，这样的话，源 txt 体积上涨无数。

……
折腾无极限啊。

		自动登录	找回密码
密码			免费注册

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