懂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源文件

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

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

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

下面那条线不应当是div的边框，试试加个标签，设定hr的上边框。7 J+ V( T6 L$ A: c' h
惟吾无为发表于 2012-10-7 19:49

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

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

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

3# heshunyihugh

( ?) }+ }+ |* [4 h4 M4 ~- o
<!DOCTYPE html>
; w$ K8 s- H- ~7 K
<head>
! p) u3 t2 x$ F8 Z- m" ]& e6 G
<meta http-equiv="charset" content="utf-8">9 N0 j1 P, S0 z/ f3 g- N7 g6 N7 h8 S6 W
<style type="text/css">
e! N" X5 S I& v$ G1 ?7 A
#line {- J& J, V% h S4 L2 s) L7 |
width:98%;
: t2 l, L! B) r
}9 }( ^( a3 X0 R! C6 u' m+ T$ @3 n+ ?
- p6 b$ k% c. ?: c$ U
hr{" G$ P$ ?. v1 p2 N e
width:98%;
) ^3 Z. ]$ g3 L1 ?
border: solid 2px blue;
5 C4 X0 i: ~( D" }* d$ t4 h+ y
border-top: solid 1px lightgray;9 v( q- S' S3 y2 n$ A2 F; T5 s
margin:-1px;+ X. y' R- P$ f
}$ o1 P2 p k, d. A' o
0 e/ J- a1 s4 U9 B4 t& i6 I3 _
#line img{9 |+ L( k* D/ [
width:16px;
2 S3 k$ D' O6 b* Q7 q
height:16px;8 v, O4 @3 D# {% k- G) x/ R
background-color: yellow;
* x$ B+ A1 q) A- L; ^2 E' D
}9 D( g2 U1 P4 P; D- ^
- ~# M9 O: A. q- ` v4 f5 H
#line #tag{
* V2 d. B! \: G6 @
float:right;
% ]0 e* q% j: e' P
}
. ?* p" }( H8 L
4 @. F' g0 o! V/ U7 r, |
#line #name{
" } q; Y) n- M+ Y" A3 q
background-color: blue;
1 U7 r+ Z4 Y6 N/ B) t2 m0 G5 l
border-top: solid 1px lightgray;. l- \) G! r0 ^- A0 a$ I' y7 w$ F* H
border-right: solid 1px lightgray;
* U0 B( F: T9 E* ^$ L
}) i8 A7 [ g9 h; A+ e- n. Y
</style>+ s: Z, l* V" p, Z
</head>0 M: m" G0 I" h" K& Y: F3 j: g
<body>
' K# c+ o& S% {% E
<div id=line><span id=tag>M v</span><img src="sss" title="img" alt="pic"><span id=name>dictname</span></div><hr># `9 I- {& M1 B" U& l
</body>
- T7 O2 M8 p, x1 B. K$ }
</html>
8 g) v8 V6 Z9 p. P `$ d

复制代码

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
N) F' y$ z$ m0 n; ~
! c- Y8 _- u/ X# L2 D' q6 G( }3 s/ x* d# O* u5 S
我在ff上测试的。linux没有ie。再说我也没写脚本。。。% n+ i4 X! b4 w) p) J, m$ o8 ?
, k9 W0 z( ]4 C% e. E
你用ie6？新版mdict pc需要ie8。
, W+ d# j/ h/ L1 ^6 G& d( l0 ^9 Y惟吾无为发表于 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坛友请进！！！

本帖子中包含更多资源

相关帖子

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源