rayman，Mdict对CSS文件支持的程度区别于Bluedict
本帖最后由 chigre 于 2012-7-14 03:19 编辑rayman，如何解决这个问题？？
测试文件打包下载：
测试AB.rar
如题，本来我设计一个词典界面的显示效果就如同Bluedict中显示的那样，
如图对比显示，在Mdict有部分css效果缺失
词条【爱国】如下：
-------------------------------------------------------------------------
爱国
<table class="sopra"><tr class="sopra"><td><PINYIN>‹ài·guó›</PINYIN></td><td align="right"><LETTERA>A</LETTERA><NUMERO> N°00059</NUMERO><PAGINA> P°002</PAGINA></td></tr><tr><td class="CITIAO"><CITIAO><TIHUAN>爱</TIHUAN>国</CITIAO></td><td align="right"><a href="entry://0--★ 《汉意意汉词典》 ★--"><img src="file:///HYYHLOGO.png" height="25"></img></a></td></tr></table><JIESHI>amare il proprio paese<FENHAO>;</FENHAO> essere patriottico<BR><SHILI> ▎</SHILI><CN><TIHUAN>爱国</TIHUAN>人士</CN> <IT>personaggio patriottico</IT></JIESHI><BR><BR><table class="sotto"><tr><td><p class="sotto"><CYSY><a href="entry://爱"><DANZI>爱：</DANZI></a><a href="entry://爱不释手">爱不释手</a> / <a href="entry://爱戴">爱戴</a> / <a href="entry://爱尔兰语">爱尔兰语</a> / <a href="entry://爱国"><QD>爱国</QD></a> / <a href="entry://爱国心">爱国心</a> / <a href="entry://爱国者">爱国者</a> / <a href="entry://爱国主义">爱国主义</a> / <a href="entry://爱好">爱好</a> / <a href="entry://爱护">爱护</a> / <a href="entry://爱克斯光">爱克斯光</a> / <a href="entry://爱克斯射线">爱克斯射线</a> / <a href="entry://爱怜">爱怜</a> / <a href="entry://爱恋">爱恋</a> / <a href="entry://爱面子">爱面子</a> / <a href="entry://爱慕">爱慕</a> / <a href="entry://爱情">爱情</a> / <a href="entry://爱人">爱人</a> / <a href="entry://爱惜">爱惜</a></CYSY></p></td></tr></table>
</>
CSS文件如下：
尤其是【A】、【BODY】部分！！！
-------------------------------------------------------------------------A
/*链接的默认格式*/
{
font-size:10px;
color: #0B0B3B;
text-decoration: none;
}
BODY
/*词典文本的默认格式*/
{
font-family:Times New Roman, Serif, sans-serif;
font-size:12px;
font-weight:normal;
font-style:normal;
}
hr
/*分割线的默认格式，本词典无*/
{
border: 0;
border-top: solid 1px #00B050;
color: #fff;
}
/*--------------------------------------------------下面是页眉表格区的格式设置--------------------------------------------------*/
table.sopra
/*页眉表格的默认格式*/
{
border: 0;
width:100%;
}
tr.sopra
/*页眉表格的默认格式：第一行添加背景色*/
{
border: 0;
background-color: #E0ECF8;
}
td.CITIAO
/*页眉表格的默认格式：第二行词条处显示下边框*/
{
border: 0;
border-bottom: 1px solid #E0ECF8;
}
LETTERA, NUMERO, PAGINA
/*页眉表格右上主单字的首字母ABC*/
{
font-size:11px;
color: #424242;
}
/*--------------------------------------------------下面是主要内容区的格式设置--------------------------------------------------*/
CITIAO
/*中文词条：释义第一行显示*/
{
font-size:16px;
font-weight:bold;
font-style:normal;
color: #0B0B3B;
}
YITIZI
/*单字词条异体字（竝）*/
{
font-size:14px;
font-weight:normal;
font-style:normal;
color: #424242;
}
PINYIN
/*拼音, 如‹ài·qíng›*/
{
font-family:Times New Roman, Serif, sans-serif;
font-size:13px;
color: #424242;
}
JIESHI
/*词条解释区：2个分割线之间*/
{
font-family:Times New Roman_B, Serif, sans-serif;
font-weight:normal;
font-style:normal;
}
TIHUAN
/*主词的替换“~”部分*/
{
color: #0040FF;
}
LINGJIAN
/*另见：…………*/
{
color: #424242;
}
CN
/*解释中的示例中文内容*/
{
font-size:10px;
}
IT
/*解释中的示例意大利文内容*/
{
font-family:Times New Roman_I, Serif, sans-serif;
font-size:11px;
font-weight:normal;
font-style:italic;
color: black;
}
/*--------------------------------------------------下面是一些标点符号的格式设置--------------------------------------------------*/
SHILI
/*解释中的示例符号▎*/
{
font-size:10px;
font-weight:normal;
font-style:normal;
color: orange;
}
III
/*解释中的序号Ⅳ, Ⅲ*/
{
font-size:16px;
font-weight:bold;
color: red;
}
NNN
/*解释中的序号(1), (2)*/
{
font-size:13px;
font-weight:bold;
color: green;
}
FENHAO
/*解释中的分号；*/
{
font-size:12px;
font-weight:bold;
font-style:normal;
color: red;
}
/*--------------------------------------------------下面是词语索引列表的格式设置--------------------------------------------------*/
table.sotto
/*页尾表格的默认格式*/
{
border: 0;
width:100%;
background-color: #E6F8E0;
}
p.sotto
/*页尾表格中的段落：悬挂缩进*/
{
text-indent: -1em;
padding-left: 1em;
}
CYSY
/*词语索引列表*/
{
font-size:10px;
color: #0B0B3B;
}
DANZI
/*词语索引列表中，首字单字*/
{
font-size:13px;
color: red;
}
QD
/*词语索引列表中，强调当前词条*/
{
font-size:11px;
color: green;
}
你试试取消使用内置音标字体的选项看看? 你试试取消使用内置音标字体的选项看看?
rayman 发表于 2012-7-15 12:21 https://pdawiki.com/forum/images/common/back.gif
没有用 还是一样的显示效果 可能是我在程序里声明了使用严格的html语法，因为这个影响到后面的一些显示的处理了。你可以把内容组合成一个html文件，放在Chrome浏览器里看看效果。 可能是我在程序里声明了使用严格的html语法，因为这个影响到后面的一些显示的处理了。你可以把内容组合成一个html文件，放在Chrome浏览器里看看效果。
rayman 发表于 2012-7-16 00:19 https://pdawiki.com/forum/images/common/back.gif
这个是在电脑上的显示效果，并不像在Mdict里显示的那样。
------------------------------------
另外，CSS里自定义的字体不起作用。（已经放入Mdict字体文件夹下）
不知为何？ 技术帖子要顶 这个问题很复杂，处理起来也会很麻烦
谢谢楼主。。
{:13_493:} 谢谢分享！！！收藏下
页:
[1]