CSS样式可在Chrome / FF中使用,但不适用于IE8

|| 我继承了一个我正在整理的网站,并且此样式已应用于页脚中的标签(如果我没有提供足够的信息,请原谅我,请告诉我,我会提出来)。该样式在标题文本周围放置了细微的背景色,并稍微弄了一下角:
    h4 {
    background: none repeat scroll 0 0 rgba(32, 37, 41, 0.3);
    border-radius: 8px 8px 8px 8px;
    color: #5CB414;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 12px 0 8px 10px;
    position: relative;
    }
这在Chrome和FF中效果很好,但在IE8中却不起作用。在IE8中,它不会使列彼此相邻。这是网站。向下滚动到底部以查看问题(应为3列,但在IE中仅为2列,并且没有将背景样式应用于H4。 我知道IE很挑剔,但我不知道该怎么办。任何帮助将不胜感激。谢谢!     
已邀请:
IE 9之前的版本不支持RGBA或边界半径,因此这些都将被忽略。您可以在http://css3please.com上尝试使用跨浏览器语法,但是在9之前的IE版本中,这不会给您带来麻烦。 您的列浮动问题源于您在style.css的第1454行上使用的第n个子选择器: .col:nth-​​child(3){margin-right:0; } 同样,IE8和更低版本不支持此功能,因此您必须找到解决方法。您可以在第三列中添加\“ last \”类,并将其放在样式表中: col.last {margin-right:0!important; }     
只要在底部丢失3列,只需将\“。col \”
width:300px
替换为
width:292px;
就可以了。 另外,圆角与跨浏览器兼容,因此我想从这里获取样式:http://css3please.com/ 我不知道圆角将在ie8或更小版本中工作,因此您可以尝试使用jquery而不是css3 http://jquery.malsup.com/corner/     

要回复问题请先登录注册