td在relative模式下,IE9不显示border,chrome正常显示边框

百度上怎么也搜不出答案,很奇怪的问题。在IE9的 F12调试中,明明td有1个像素的边框,偏偏不显示。

最后用bing搜索,找到老外的帖子。就立马解决问题。 这让我感觉像是,一般医生折腾也看不好病,好医生总能一语中的。对国外同行由衷佩服。

/*这样不显示边框*/
.thisTd
{
    position:relative;
}
/*第一个老外说这样,立马有边框*/
.thisTd
{   z-index=-1;
    position:relative;
}

但这样,td是显示在table之下的,当移动时,会被table的其它部门盖住。

/*第二个老外说这样,成功*/
.thisTd
{    background-clip: padding-box;
    position:relative;
}

原来背景也有边界的:决定背景会盖住哪些部分。

background-clip: border-box    
background-clip: padding-box
background-clip: content-box

background-clip: inherit

豁然开朗!

td在relative模式下,IE9不显示border,chrome正常显示边框

时间: 2024-10-10 15:47:42

td在relative模式下,IE9不显示border,chrome正常显示边框的相关文章

HTML兼容性 不声明doctype,IE9标准模式下position:fixed定位失败,导致遮罩层(Mask Layer)显示在页面最下方,FF和Chrome正常

问题描述:ie9标准模式下,老系统中的页面很少有写doctype的,但是不写这个声明,浏览器对于文档的解析机制就不一样了,特别是对于table和样式中的width, height 为100%布局,以及高度自适应的实现方案有影响,不了解的可以自行百度先,那么不写的话,又想加1个遮罩层的效果,一般我们遮罩层是借助position绝对定位实现的,可以写fixed,也可以写absolute,设置为fixed的时候,文档没有doctype,就会导致遮罩层出现在文档最下方,而不是绝对定位的效果,切换为ie9

WebBrowser与IE的关系,如何设置WebBrowser工作在IE9模式下?

原文:WebBrowser与IE的关系,如何设置WebBrowser工作在IE9模式下? 一.问题的提出 偶然发现,Winform里的WebBrowser和IE实际安装的版本似乎并不同步,很有趣! 下面有张图,里面一个窗口是用IE9打开某网站,另一个窗口是用Winform+WebBrowser打开同样的网站,有意思的事情出现了. 在IE9窗口中,这个网站左边菜单树无法显示,原因是IE9使用的技术较新,而网站使用的技术较旧,未能及时同步更新到支持IE9所致.该如何办呢? 微软在IE9中提供一个兼容

解决背景在360极速模式下不显示的问题

网站在ie和360兼容模式下,背景图片都显示很正常,但是在360极速模式下显示不出来,这主要因为没有设置宽和高的问题,导致无法显示,所以给背景设置宽高即可 如:<td  height=“70px”  width="204" background=images/box.gif align="center"></td>

Firefox下table单元格td设计relative定位失效解决方案(转)

问题描述: 默认情况下,table的单元格td的display为table-cell,在IE 给td设置position:relative,然后给它包含的一个容器使用position:absolute进行定位是有效的,但在FF下却不可以. 但是在IE下,position:absolute的容器的z-index总是比td的z-index低,td层总是在 position:absolute的容器的上面 发生条件: 1. IE6.IE7.IE8和FF浏览器 2. 使用td默认样式,设置td的posit

[Kali_USB Live模式下网卡加载安装问题]针对ASUS X202E笔记本配置的本地Broadcom43142无线网卡启动并显示wifi功能

Thank you "kali75" for your time.Although the links didn't work for me because the "link to the patch file" was dead.However after this I googled and have found the following solution working for me.I'm telling it here because if someo

【CKEditor ASP.NET】解决360安全浏览器极速模式下不显示

博主问题只是出在误删了style.js文件 首先我用的是这种模式,在单个页面上导入: <%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %> 然后直接把空间拖放到页面上 <div> <CKEditor:CKEditorControl ID="txtContent" Height=&q

IE内核浏览器的兼容模式下,部分Flash不能显示的问题

今天碰到一个很头疼的问题,有些Flash在Firfox.Chrome下浏览都是正常的,但在IE10以下的所有模式下都能正常显示, 表现为一个白板.再网上搜了很久,总结有三点: 1.flash play 插件安装不正确,需要重新下来安装 这个地址应该能下到http://download.macromedia.com 2.Flash嵌入代码没有按照严格的W3C来书写 3.ActiveX相关设置没有配置好 以上的说法,都很有理由,能解决一大部分用户的问题,但我是要发布站点,用了以上三种方式都没成功 最

解决360、猎豹浏览器等极速模式下css3兼容问题

有时候你会发现你写的animation动画的css3效果,在IE.谷歌.火狐等主流的新版本的浏览器的是没有什么兼容问题的,即便你不写前缀,也是可以显示动画效果的.然后,你本地在360浏览器或猎豹浏览器下(我只试了这两个)打开,动画效果是不出来的,一开始你会想到是前缀问题,那么我把前缀加上,好像有时可以有时不可以.360跟猎豹采用的都是谷歌跟IE的双内核,为什么会出现这个问题?是因为360浏览器分兼容模式和极速模式,极速模式下有兼容问题,兼容模式下问题较少,这就导致了极速模式下不支持css3. 解

Play生产模式下java.io.FileNotFoundException那点事

之前”用Scala+Play构建地理数据查询接口”那篇文章里,用到的数据是json格式的文本文件area.json,存放在conf/jsons文件夹下.最开始是放在public/文件夹下,在线上准生产模式下运行: activator dist 得到mosquito-1.0.zip压缩包,解压后: 去/bin目录下运行mosquito脚本报错: java.io.FileNotFoundException 然后就去解压的mosquito-1.0/看发现并没有public文件夹,由此可见public文