懂css坛友请进！！！

Hugh · 发表于 2012-10-6 21:20:16

本帖最后由 heshunyihugh 于 2012-10-6 21:22 编辑

先请移步 https://pdawiki.com/forum/thread-10022-1-1.html

有个地方求教下：如图中画框部分

该部分放大后的效果：

如何让B部分细线上方也像A部分上方一样加上一根一个像素的灰色阴影？
原打算改border，弄了半天不行
后来想到弄一张透明带灰色底纹的图片做背景，可是background-image 无论怎么弄都不显示，估计是路径语法不对，有会的坛友支援下，最好改好后附件跟帖，谢谢！！！

附件中是res文件夹里的html源文件

block_begin.zip (1.17 KB, 下载次数: 31)

惟吾无为 · 发表于 2012-10-7 19:49:50

下面那条线不应当是div的边框，试试加个<hr>标签，设定hr的上边框。

Hugh · 发表于 2012-10-7 21:10:21

下面那条线不应当是div的边框，试试加个标签，设定hr的上边框。
惟吾无为发表于 2012-10-7 19:49

搞了下，不行。
可否详细？
谢谢！

惟吾无为 · 发表于 2012-10-7 22:44:17

本帖最后由惟吾无为于 2012-10-7 22:49 编辑

3# heshunyihugh

<!DOCTYPE html>
<head>
<meta http-equiv="charset" content="utf-8">
<style type="text/css">
#line {
width:98%;
}
hr{
width:98%;
border: solid 2px blue;
border-top: solid 1px lightgray;
margin:-1px;
}
#line img{
width:16px;
height:16px;
background-color: yellow;
}
#line #tag{
float:right;
}
#line #name{
background-color: blue;
border-top: solid 1px lightgray;
border-right: solid 1px lightgray;
}
</style>
</head>
<body>
<div id=line><span id=tag>M v</span><img src="sss" title="img" alt="pic"><span id=name>dictname</span></div><hr>
</body>
</html>

复制代码

Hugh · 发表于 2012-10-7 22:57:13

4# 惟吾无为

用完词典名称发现不好收缩

就无耻点吧：

https://pdawiki.com/forum/thread-10061-1-1.html 已经有了所有附件，包括主程序，您可以做个将res文件夹下的block_begin.html直接编辑然后附件贴下吗？谢谢！

惟吾无为 · 发表于 2012-10-7 22:57:45

下面的线不能视作上面div的下边框，否额没法加上浅灰线。所以单独给<hr>设定上边框的颜色。同时修改它的外边距，主要是margin-top为-1px。你可以自己对比这里-1px和0px的效果。

惟吾无为 · 发表于 2012-10-7 23:00:42

词典名称不好收缩？

Hugh · 发表于 2012-10-7 23:13:34

7# 惟吾无为

回复慢了一分钟！〒_〒

Hugh · 发表于 2012-10-8 13:46:00

9# 惟吾无为

不知道使用效果如何？我的ie提示脚本错误。可以贴张图吗？

惟吾无为 · 发表于 2012-10-8 17:25:06

本帖最后由惟吾无为于 2012-10-8 17:28 编辑

10# heshunyihugh

我在ff上测试的。linux没有ie。再说我也没写脚本。。。

你用ie6？新版mdict pc需要ie8。

Hugh · 发表于 2012-10-8 17:45:36

10# heshunyihugh

我在ff上测试的。linux没有ie。再说我也没写脚本。。。

你用ie6？新版mdict pc需要ie8。
惟吾无为发表于 2012-10-8 17:25

我是win 8 ie10！

惟吾无为 · 发表于 2012-10-8 17:53:03

12# heshunyihugh

那直接在浏览器看下这个文件

惟吾无为 · 发表于 2012-10-8 17:56:34

报错界面有说是哪个脚本吗？
你吧文件里的脚本部分都先删掉试试，先备份啊。

那么你没修改之前，是否有类似错误？你先排除下具体哪里出问题了

惟吾无为 · 发表于 2012-10-8 17:59:48

你重新复制粘贴下，上面的代码缺了两个单引号。

惟吾无为 · 发表于 2012-10-8 18:05:03

12# heshunyihugh

这两字应该被论坛程序给吞了: $ '
我传附件了。

Hugh · 发表于 2012-10-8 18:06:12

如图（新代码）

Hugh · 发表于 2012-10-8 18:08:00

附件在哪儿？

惟吾无为 · 发表于 2012-10-8 18:08:26

17# heshunyihugh

9#附件测试结果呢?

惟吾无为 · 发表于 2012-10-8 18:18:07

吃饭去，至少半小时后才能回。

Hugh · 发表于 2012-10-8 18:36:50

本帖最后由 heshunyihugh 于 2012-10-8 19:11 编辑

惟吾无为 · 发表于 2012-10-8 19:41:18

本帖最后由惟吾无为于 2012-10-8 19:55 编辑

21# heshunyihugh

你在浏览器上测试结果呢？只显示block_begin.html

Hugh · 发表于 2012-10-8 19:53:49

我用firefox的截图

Hugh · 发表于 2012-10-8 19:55:31

22# 惟吾无为

这阵子又有点忙了，以后再搞吧，辛苦了！

惟吾无为 · 发表于 2012-10-9 19:39:02

24# heshunyihugh

确定是ie的问题，ie8自带的开发者工具显示下面的normal text没有任何属性，但还是蓝底白字。

Hugh · 发表于 2012-10-9 20:00:51

25# 惟吾无为

辛苦了！

[求助] 懂css坛友请进！！！