CSS样式如下 ,设置了圆角后,再设置阴影在Div层的4个角会出现黑点,怎样吧黑点去掉并保持效果,求指点

html-css054

CSS样式如下 ,设置了圆角后,再设置阴影在Div层的4个角会出现黑点,怎样吧黑点去掉并保持效果,求指点,第1张

圆角和阴影本身就是CSS3的属性 如果你在支持CSS3的浏览器上直接用圆角属性就可以了 然后在加阴影就不会出现这样的问题

而不支持CSS3属性的浏览器你圆角是用图片模拟出来的 那么他也没有阴影的属性 所以也不会出现这样问题

所以你的问题就是给弄混了

在支持CSS3的浏览器上用自身的属性

在不支持CSS3的浏览器上用模拟的方法

还有在IE系列下你可以下一个CSS3的.HTC文件 他用微软自带的VML语法模拟出CSS3效果 具体的你可以百度

说的是不是列表前面的的小点(小图标)?

那个最好做成背景图片,因为用字符的话,不同浏览器之间的解释是不一样,比如firefox里面就会成为你说的那个样子。

还是用图片的好。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-type" content="text/htmlcharset=UTF-8" />

<style type="text/css">

ul,li { margin:0padding:0}

img { border:0 none}

#head { wiidth:100%}

#head ul { list-style:noneoverflow:hidden}

#head ul li { float:leftdisplay:inline}

</style>

</head>

<body>

<div id="head">

<ul>

<li><img src="file:///E|/项目/images/daohang-shangcheng.jpg"> </li>

<li><img src="file:///E|/项目/images/daohang-zixun2.jpg"> </li>

<li><img src="file:///E|/项目/images/daohang-huabao2.jpg"> </li>

<li><img src="file:///E|/项目/images/daohang-shequ2.jpg"> </li>

<li><img src="file:///E|/项目/images/daohang-chuangyixiu2.jpg"></li>

</ul>

</div>

</body>

</html>