在设计网页中常见的问题

2012-06-29 10:52:23 编辑:愚公 点击:7309
比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:\My pictures\tp.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是:

  以下是自己网上查找的知识,希望对网页制作者们有用

  比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:\My pictures\tp.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是:

  c:\My pictures\index.htm

  c:\My pictures\tp.jpg

  我们一起来看看初学的朋友可能犯的几个路径错误:

  例1

  c:\mywed\wed\index.htm

  c:\mywed\img\tp.jpg

  在此例中,index.htm网页中有tp.jpg这个图片,因为两个文件同在Mywed目录下,所以初学者可能把图片链接写为img\tp.jpg,那么这样实际的链接就变为了C:\mywed\wed\img\tp.jpg,显然这是不正确的。正确的路径应该是相对路径..\img\tp.jpg。

  例2

  c:\mywed\wed\wed1\index.htm

  c:\mywed\img\img1\tp.jpg

  1.超链接访问过后hover样式就不出现的问题?

  被 点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A

  ps:好在自己一开始书写时就没有把这四种样式写全过,我只写 a:link ,a:hover ,一直也没出现什么问题,后来发现ie6下a:visited 和 ff下的颜色不一致,这才发现这一个问题。看来没有问题也不代表书写正确。

  2.IE6的双倍边距BUG

  例 如:

  浮 动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline

  ps: 刚开始接触这一工作的时候真的是不知道怎么回事,还以为是各个浏览器之间的解释不同,制作的时候只能小心意义的以ie6的宽度来定义,可惜ff 和ie经常预览效果不一致,被某些人抓住不放,当时很是气氛和郁闷,一气之下疯狂百度和谷歌,可惜那时候抓不住关键词,走了不少弯路才找到问题答案,好在 现在解决了。Y(^_^)Y

  3.为什么FF下文本无法撑开容器的高度?

  标准浏览器中固定 高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:

  div { height:auto!important; height:200px; min-height:200px; }

  4.为什么web标准中IE无法设置滚动条颜色了?

  原 来样式设置:

  解决办法是将body换成 html

  ps: 当时被要求要重新定义滚动条的时候,我查到了两个方法,一种如上,一种是js仿制滚动条,我应用的是上面的这种,但是发现不兼容IE,后来不了了之了,再 后来偶然间才发现了这个解决办法。

  5.为什么无法定义1px左右高度的容器?

  IE6下这 个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

  6.怎么样才能让层显示在FLASH之上 呢?

  解决的办法是给FLASH设置透明:

  7.怎样使一个层垂直居中于浏览器中?

  这 里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二

  ps:margin的值就是div宽度的1/2;

  8、 firefox嵌套div标签的居中问题的解决方法

  假定有如下情况:

  如 果要实现b在a中居中放置,一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常;但是在 Firefox中b却会是居左的。

  解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为:margin: 0 auto;。