掌上百科 - 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 编辑 6 r0 r# M- {$ n6 h( P
3 v$ f5 r* f- p9 ~% e
继续请教,比如词典中这样一句代码- O0 R! }0 G7 V  A

' y( p6 a: B" W1 @
  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>0 V+ c3 j; q# x5 f5 f) y0 ^
  2. <img class="img_thumb" height="640" width="720" topic="shoes_comp.htm" thumb="laceup.jpg" src="image/shoes_comp.jpg"/></div block-g>
复制代码

  Z+ ]$ K1 c' D9 x7 e# M- v' M* g9 z# o/ ~; G
想实现悬停图片放大,而默认图片靠右8 v/ X" _2 P' ~( E2 V. q
于是css用了* Z8 q0 {6 _7 C, U" t- y: d9 l

* Y* A  Y$ [7 u' E; z% p
  1. .img_thumb
    $ S( B; U% Q8 l8 R3 {4 L' h$ ~0 f
  2. {  float: right !important;% e) R2 I4 a6 L/ X5 c
  3.   width: 160px;
    ' s+ r/ B9 `" C  K+ k
  4.   height: auto;
    ' J) U! ?3 ]1 w2 W  t
  5.   padding: 0 !important;+ a" i8 P: {1 r. h
  6.   margin: 0 10px 10px 0 !important;
    ) [5 }8 P& v; H  w( D! R7 Q
  7.   -webkit-transition: 1s;}' h, \5 }/ Z6 Y+ ~6 f: T
  8. .img_thumb:hover {& N( A7 x1 R8 j7 g6 `1 H  @
  9.     -webkit-transform: scale(4);}
复制代码

4 M! ]% E( }- P) \
8 B  H; D+ E! Y: C现在悬停,图片可以放大显示了0 p$ _" e. K# Q, u( o" e1 w3 V
但是图片的位置好像不由我控制,似乎是以小图片的中心为中心?
0 t: u, }' q, N' w/ W
! K- l! C  Z2 ?: s1 p- ]不知道有没有更好的办法(尽量不用js)5 B( |7 H  Z- ^# _+ a
+ L* I  V/ g9 f0 G. v$ u! v, n& Y

1 D: u- i8 o0 r3 _& @( f0 N9 t2 W

该用户从未签到

发表于 2015-10-11 23:35:03 | 显示全部楼层

+ r4 o# s% i6 B) |+ N) Y' }$ t一、2015-10-11 14:50 主贴:
8 [! }6 g5 M( X0 u
  1. <span class="oa_pv">([^>]+?)</span pv>
复制代码
$ j& V, C  h& x1 q9 [) _
- ^( m# {8 J. w# r+ J$ k) i
二、2015-10-11 19:48
( V4 _& a2 i+ W6 \  [# c, C* g
  1. .img_thumb:hover {' ~! v" r2 u/ \4 U( W: u! `
  2.     -webkit-transform: scale(4) ; transform-origin:top right;}
复制代码
8 N" b5 ]5 K7 F7 X5 A

* g1 b. G1 @) {7 E  S
& j/ K9 |& K! L, T; |4 Y7 X0 b

该用户从未签到

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

该用户从未签到

 楼主| 发表于 2015-10-18 10:48:56 | 显示全部楼层
新问题又来了,继续请教2 [2 |0 I, K8 L: H. P3 r

! Y% V$ \  _! _! S1. 发现换了Windows 10以后,goldendict新加入的词典,css和mdd里面的css都不能识别。
9 X8 H0 Y$ u  c有的,我自己解压展开mdd,然后修改下css就能用了: j$ M* z( b$ X
有的,死活不认,不知道怎么回事* ~: z1 i2 M3 \( {& R4 i8 ~
比如,新牛津二版,有的版本我解压mdd自己动手以后,有格式了
' m3 U6 f5 {5 }; Y( V& B) a. w有的版本,还是不能识别css( K; B2 q* S5 T' p! d7 U3 W0 G# R1 @  Z
我仔细对比了mdx源文件与我自己的mdx,没发现有区别
$ ]; G% A) e+ H. K5 a(好像mdict也是不认格式)
0 L4 S8 R' ^* {% F! J) W不知道有没有人遇到和我一样的问题
( s- m3 P% u" `% V3 k. z/ z1 j$ |6 g; w) @0 ^, _/ i( P2 ~9 Z2 X- S
2. font-face好像goldendict和mdict都不支持?8 z; n  T- c, @" d
各种字体都用了,似乎都不认,目录也换过了,也不管用
2 n4 q- i& p: w# e1 D( v) P, r( U(都打包到mdd了)
8 [6 G" p* S' b) C9 L我css写的有问题么?
! D5 h9 U6 u. K$ W% f7 j, f
  1. @font-face {7 O- _! L- R9 H  n$ ?( h  S% h/ t8 U- |
  2.     font-family: 'interstate-webfont';
    % V. g1 r5 F- N( w$ Q
  3.     src: url('font/interstate-webfont.eot');6 q; E8 o5 a" _- y2 p4 ]/ l
  4.     src: url('font/interstate-webfont.eot?#iefix') format('embedded-opentype'),
    * S  R: b6 U9 {, m' {# T
  5.          url('font/interstate-webfont.woff2') format('woff2'),6 W# w# ]' Q6 f2 G. A
  6.          url('font/interstate-webfont.woff') format('woff'),
    - D, t# V- q& g, Y6 U; Q( Y/ k' y2 S) J
  7.          url('font/interstate-webfont.ttf') format('truetype'),
    + ?& ^4 j' C6 Q4 k, h( c
  8.          url('font/interstate-webfont.svg#interstateregular') format('svg');
    , U- I; x7 b0 c$ n5 D
  9.     font-weight: normal;
    4 k& h+ Q8 S5 x2 ~
  10.     font-style: normal;8 D; f1 ^3 `# e" a. {' H

  11. 0 q: ]6 a% l. L; l. Q
  12. }
复制代码

该用户从未签到

发表于 2015-10-18 12:02:36 | 显示全部楼层
itarcy 发表于 2015-10-18 10:48
- p+ i# }: [! }9 k. `% z: D7 ^新问题又来了,继续请教$ l3 _9 t0 C+ b; ^
0 D% V+ f& R4 J' q5 A
1. 发现换了Windows 10以后,goldendict新加入的词典,css和mdd里面的css都不能 ...

0 B1 ]9 T! \4 E6 ~) k/ `
7 g9 V: P. k1 b4 A
6 e1 X/ G+ ~# n3 Q* X其实,这个问题很早就有了,至少我遇到过很多回(因为我以前制作、修改过很多个 mdx),具体原因、原理和解决办法,我是不了解的。/ x5 A6 Q' F& ]) T0 w# [
GoldenDict 不支持,可能是因为 GoldenDict 对 mdx/mdd 的支持,并不是作者 Rayman 添加的,虽然可以支持,但是还有有一些问题的,比如之前版本,不支持 png 格式图片,还有不支持和 mdx 同名的 css (无需 源txt 里 link,MDict PC 版是支持的)。8 u, L$ m/ s( c6 q
MDict ,注意要升级内核,才支持某些 css (如 xml + css )。升级方法 :https://www.pdawiki.com/forum/fo ... mp;page=7#pid176662
" \/ [# p4 }& }( X/ X. N5 ]9 }' q* O9 R
-
5 \* \3 @$ G* j; y4 ^0 j. {; k一、某些 css ,打包进 mdd ,不起作用,但是把  css 和 mdx/mdd 放在一起(外置),又是可以起作用的。6 e" n  h% q+ N# b# A

0 o7 Y7 R$ w2 h1 }二、曾经尝试过下面的方法,有的可以起作用,有的不可以,是否成功全靠人品和运气:
3 Y$ k" G3 e1 p, p        ① css 改名,我曾经遇到过 p***、o*** 、x***.css 打包进 mdd 不起作用,但是改名 m***.css (当然源 txt 也要相应修改)就起作用了。/ p, y. a9 t: K" c' W1 d: n, D
        ② css 另存为 UTF-8无BOM 格式。! b! y' V2 V. {# `4 u3 l
        ③ 这是极端的做法,肯定可行,把 css 内容内嵌到源 txt  的每个词条里{ 内部样式表(位于 <head> 标签内部)},这样的话,源 txt 体积上涨无数。$ |. F4 N1 h( T3 h) U8 ]
% Y$ V0 ^7 W9 y$ [, {
……1 m2 X+ q( c3 T
折腾无极限啊。
- ]8 ?4 |7 u. c2 K0 d7 b# X
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

顶部qrcode底部
关注掌上百科官方微信公众号送积分
关注掌上百科官方微信公众号
关注微信公众号 pdawiki,获取邀请码,看文抢积分,抽奖得浮云! Follow our Wechat official account "pdawiki", get invitation codes, and play the lottery to earn points (积分)!

小黑屋|手机版|Archiver|PDAWIKI ( 美ICP 0000000字 )|网站地图

GMT+8, 2021-11-28 07:27 , Processed in 0.037147 second(s), 5 queries , MemCache On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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