css错乱 - Web 开发 / JavaScript
最近做的一个网站,先是用ie8的,后来在ie6,7上运行,在ie8上图片能透明显示,到了ie6,7上就不透明了,这是什么原因,有什么好的解决方案么?
各版本 浏览器 肯定有差别的
ie6不支持png透明,但IE7支持,不知道你是什么原因导致IE7意然也不能透明。你应该把问题说清楚一点。
一般都支持png的透明,或者gif, 楼主做这些主要是自己去试试,多查查,没有什么好的办法,要不两个浏览器之间的差异至少可以写一本书
双重显示方式
首先能显示透明图片的浏览器直接显示图片
不能显示透明图片的浏览器比如IE6(好象也就它了)
通过设置背景滤镜来显示透明
这个要JS来控制 比如设置透明图片一个 通用的class='png' <img class='png' />
然后判断是IE6的情况下 将所有class='png'的图片替换为背景滤镜显示图片的标签
IE6下用Css hack
比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_"
比如要分辨IE6和firefox两种浏览器,可以这样写:
<style>
div{
background:green; /* for firefox */
*background:red; /* for IE6 */
}
</style>
我在IE6中看到是红色的,在firefox中看到是绿色的。
所以,你这里只要把ie6,ie7的css写在最后,用*background就行了,在*background里用gif图片作透明
相关问答:
HTML code
<html>
<head>
<title>直接输入的Excel表格 </title>
<style>
<!--
table.formdata{
border:1px solid #5F6F7E;
border-collapse:collaps ......
http://industry.yidaba.com/jydq/201003/020901211001100100000079406.shtml首先给个链接,
我想要做个页面效果就像这个页面的新闻内容一样,图片在文字的左侧下方,文字包围了图片的上方和右侧
如果是做成静态的 ......
<head runat="server">
<title>无标题页</title>
<style type="text/css">
*{ margin:0}
body,html,form{ height:10 ......
CSS code:
<div class="banner">
<li>一个flash
<li>一张表
</div>
.banner LI:first-child{
list-style:none;
float:left;
height:180px;
......
请教高手,table布局时要注意啥?为什么在td中style中增加长度为啥,td没没反应,一定要直接设td宽度。
style中也可以设置啊
style="width:100px"
高手我试过了,但是不行。不知道为啥?要是可以的话 ......