掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: itarcy

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

[复制链接]

该用户从未签到

发表于 2015-8-28 16:13:23 | 显示全部楼层
我是来刷米粒的!!!!

该用户从未签到

发表于 2015-8-28 16:14:00 | 显示全部楼层
我是来刷积分的!!!!!!

该用户从未签到

发表于 2015-8-28 16:14:25 | 显示全部楼层
顺便帮你顶贴

该用户从未签到

发表于 2015-8-28 16:15:37 | 显示全部楼层
大神快来吧!!

该用户从未签到

发表于 2015-8-28 16:16:06 | 显示全部楼层
验证码真恶心!!!

该用户从未签到

 楼主| 发表于 2015-10-11 15:00:58 | 显示全部楼层
本帖最后由 itarcy 于 2015-10-11 19:48 编辑
# j" y1 ^6 j, e" |! S5 o6 v
  f! ?/ N  Z5 y  \0 ?+ f$ I继续请教,比如词典中这样一句代码% h7 a8 {% R7 d% g+ r$ N2 G" p  r
& S* p+ y7 H7 I
  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>
    # {; E# Y* }# v/ w9 P. F6 a2 `
  2. <img class="img_thumb" height="640" width="720" topic="shoes_comp.htm" thumb="laceup.jpg" src="image/shoes_comp.jpg"/></div block-g>
复制代码
" y) k, {# g9 E& {( [

2 B1 G1 z7 h+ a# n9 Y, V想实现悬停图片放大,而默认图片靠右4 E! H8 ?2 A8 Q3 ^. a
于是css用了! M( Q4 N5 E5 Q; G* s" k

% j* F8 u  I6 Y* `6 ]
  1. .img_thumb
    9 J! L$ [) T* s- x1 b
  2. {  float: right !important;
    * w2 {0 f1 s' Z" h0 c! p' R$ d
  3.   width: 160px;' O3 @  i- G; {8 m5 A0 p
  4.   height: auto;1 ]# V  p+ h& F- j( N5 }  F$ p
  5.   padding: 0 !important;5 r1 A+ x% j2 [( x  X+ W
  6.   margin: 0 10px 10px 0 !important;/ X, r# B; s$ S6 T7 {& S
  7.   -webkit-transition: 1s;}8 Q. O0 q1 q" I4 N+ w; Y: Y
  8. .img_thumb:hover {
    * l% V$ v7 A* I2 Q: a! J* R; z
  9.     -webkit-transform: scale(4);}
复制代码

$ ^! f) p& A* R0 R/ L1 W
( u  g6 y" |; A! b4 l  s, c4 F( N现在悬停,图片可以放大显示了
! v& i. H, C5 u; o9 _但是图片的位置好像不由我控制,似乎是以小图片的中心为中心?
+ [6 J3 K8 `9 V: K3 o" B7 Q" U: W2 t/ I5 A, o; x& Q
不知道有没有更好的办法(尽量不用js)+ w0 i, i& ]  r* u

; v: S0 E, w1 W) ^' t# v+ m
$ Y) |. K5 a0 i  P

该用户从未签到

发表于 2015-10-11 23:35:03 | 显示全部楼层
3 n" a2 O1 c' V& ^. c
一、2015-10-11 14:50 主贴:2 |9 b& \0 L. w
  1. <span class="oa_pv">([^>]+?)</span pv>
复制代码
* C+ H! i/ ]7 y: ^' M$ E5 c
' K0 p$ V0 L/ q  ?) x; x
二、2015-10-11 19:48 # E5 d( u! N# Z2 s/ r' t, Z
  1. .img_thumb:hover {
    ; ?$ x/ D/ k( P  i
  2.     -webkit-transform: scale(4) ; transform-origin:top right;}
复制代码

0 y7 z$ b3 `" j3 N1 R- q8 C( E3 d, T" K: G4 w
8 l" H/ k& O) Z" [( n1 H( C

该用户从未签到

 楼主| 发表于 2015-10-12 08:53:12 | 显示全部楼层
谢谢O大,解决了~

该用户从未签到

 楼主| 发表于 2015-10-18 10:48:56 | 显示全部楼层
新问题又来了,继续请教
' l7 F) P4 G* ]1 h6 [. o8 _$ y5 R+ v  R5 Y" g- Z
1. 发现换了Windows 10以后,goldendict新加入的词典,css和mdd里面的css都不能识别。8 g3 `& M9 O4 ~6 x$ ^
有的,我自己解压展开mdd,然后修改下css就能用了6 F( k2 k/ g/ _: i: m, V
有的,死活不认,不知道怎么回事& P: ?' X, o( e7 G
比如,新牛津二版,有的版本我解压mdd自己动手以后,有格式了! [* |  [$ R' l1 g3 t2 U+ F
有的版本,还是不能识别css
! I9 Y2 P( F/ L" W) H; A9 C我仔细对比了mdx源文件与我自己的mdx,没发现有区别$ `- G0 Z/ S: A  {. g
(好像mdict也是不认格式)
3 R, z2 P) t* L3 i+ x) p% r4 y: l% w+ e  r不知道有没有人遇到和我一样的问题: a$ R& G8 M( Z+ p8 w7 Z
/ G0 J, h- l) q- ]5 i/ s3 t2 h
2. font-face好像goldendict和mdict都不支持?9 t  J3 T3 @! s$ T# V6 G1 W  A1 i' `
各种字体都用了,似乎都不认,目录也换过了,也不管用
5 a3 C8 @* A5 Y& D. f( U(都打包到mdd了)
# [- R; I7 w% [3 N$ G0 `我css写的有问题么?/ V/ z$ _& k  d; ~- @
  1. @font-face {- Y) I& r) [6 b4 U4 ]0 v! Z( a
  2.     font-family: 'interstate-webfont';9 e+ J3 \! R& Z
  3.     src: url('font/interstate-webfont.eot');
    ! c, N0 }- P5 M  r# W. J
  4.     src: url('font/interstate-webfont.eot?#iefix') format('embedded-opentype'),
    / c- L: T% u# o" ]3 J' D
  5.          url('font/interstate-webfont.woff2') format('woff2'),3 v1 A( t7 E; q. U; o
  6.          url('font/interstate-webfont.woff') format('woff'),
    * a0 c/ U+ y3 Q" h/ k
  7.          url('font/interstate-webfont.ttf') format('truetype')," w1 n/ Y" G5 U5 u4 h% f2 t! F
  8.          url('font/interstate-webfont.svg#interstateregular') format('svg');2 F% I. H: F+ Q8 p2 W
  9.     font-weight: normal;
    9 S5 e- d/ I6 K/ Q7 ]' F6 v$ D( p, v
  10.     font-style: normal;& Q7 O4 k+ w0 E2 v1 p
  11. # A! [. E1 X5 J# g2 u( t* A
  12. }
复制代码

该用户从未签到

发表于 2015-10-18 12:02:36 | 显示全部楼层
itarcy 发表于 2015-10-18 10:48, T! z0 H" d6 s' l  o5 b0 D/ }
新问题又来了,继续请教) R( M9 U2 G5 S# _; R7 N
5 ^, Y" n& p& ^0 a* i
1. 发现换了Windows 10以后,goldendict新加入的词典,css和mdd里面的css都不能 ...
  V8 U7 u3 K. }  ]" B" G1 h( a. F
, L8 ~: z4 U! a, Y
, G3 R3 a* _2 Y* Q: `( Y/ d
其实,这个问题很早就有了,至少我遇到过很多回(因为我以前制作、修改过很多个 mdx),具体原因、原理和解决办法,我是不了解的。
, ~5 ~6 v1 E- ~" KGoldenDict 不支持,可能是因为 GoldenDict 对 mdx/mdd 的支持,并不是作者 Rayman 添加的,虽然可以支持,但是还有有一些问题的,比如之前版本,不支持 png 格式图片,还有不支持和 mdx 同名的 css (无需 源txt 里 link,MDict PC 版是支持的)。
8 c! T9 n! ^5 k' k& Z- R6 |8 ~MDict ,注意要升级内核,才支持某些 css (如 xml + css )。升级方法 :https://www.pdawiki.com/forum/fo ... mp;page=7#pid1766627 B- {$ q( _) E7 q7 y

. G7 K: v4 m" Y5 Z4 I, E-8 Q; x3 v* w( l9 Y- H7 X
一、某些 css ,打包进 mdd ,不起作用,但是把  css 和 mdx/mdd 放在一起(外置),又是可以起作用的。2 e6 g  u; {, H8 W- w
6 R0 @& Q! @  w5 p8 ~! a% M
二、曾经尝试过下面的方法,有的可以起作用,有的不可以,是否成功全靠人品和运气:
" J! n6 _* V8 [! R" D0 i) s. X- H        ① css 改名,我曾经遇到过 p***、o*** 、x***.css 打包进 mdd 不起作用,但是改名 m***.css (当然源 txt 也要相应修改)就起作用了。
# j4 q+ }& i, T, a! s  V# k        ② css 另存为 UTF-8无BOM 格式。$ I  p5 S( m( j( q  }- K. ^+ K
        ③ 这是极端的做法,肯定可行,把 css 内容内嵌到源 txt  的每个词条里{ 内部样式表(位于 <head> 标签内部)},这样的话,源 txt 体积上涨无数。
8 b& v; i0 C/ X/ N* ^# S0 r
/ W, F) @- X3 C……
, u0 a5 y- T7 {4 E折腾无极限啊。: ]! l: U7 \  G$ i8 W
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

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

GMT+8, 2025-7-1 13:40 , Processed in 0.021425 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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