我的UL看起来像这样:
<ul class="popular-pages">
<li><a href="region/us/california/">California</a></li>
<li><a href="region/us/michigan/">Michigan</a></li>
<li><a href="region/us/missouri/">Missouri</a></li>
<li><a href="region/us/new-york/">New York</a></li>
<li><a href="region/us/oregon/">Oregon</a></li>
<li><a href="region/us/oregon-washington/">Oregon; Washington</a></li>
<li><a href="region/us/pennsylvania/">Pennsylvania</a></li>
<li><a href="region/us/texas/">Texas</a></li>
<li><a href="region/us/virginia/">Virginia</a></li>
<li><a href="region/us/washington/">Washington</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
和CSS看起来像这样:
ul.popular-pages li a {
display:block;
float:left;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #8d8d8d;
padding:10px;
background-color:#ebf4e0;
margin:2px; color:#526d3f
}
ul.popular-pages li a:hover {
text-decoration:none;
border-left:1px solid #b0b0b0;
border-top:1px solid #8d8d8d;
border-right:none;
border-bottom:none;
}
Run Code Online (Sandbox Code Playgroud)
所以它在现代浏览器中运行良好,但它在IE6中看起来像这样.有什么建议?
我有一个元素通过负边距位于其父元素之外,如下所示:
<style>
.parent {
height: 1%;
}
.element {
float: left;
margin-left: -4px;
}
</style>
...
<div class="parent">
<div class="element">Element</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在Internet Explorer 6中,位于.element
其父元素外部的部分被剪切,即不可见,隐藏,中断.我该如何解决?
当我们将一个固定宽度的div元素浮动到左边时,它margin-left
的值加倍.有没有解决方案?
我更喜欢不需要JavaScript的解决方案.
$('div#Categories > div.categories a#showhide').click(function(){
// Get the subManufacturers list
var subCatList = $(this).parent().find('ul#hiddenSubCategories');
// If collapsed do expand
if (subCatList.css('display') == 'none')
{
subCatList.slideDown('slow');
$(this).find('span').html('Hide');
}
else
{
subCatList.slideUp('slow');
$(this).find('span').html('View All');
}
// Stop link from doing anything
return false;
});
Run Code Online (Sandbox Code Playgroud)
上面的代码在IE8,Firefox和Chrome中完美运行(尚未在Opera中测试),但仅将click函数注册到第一个匹配元素而不是所有匹配元素.这是一个已知的错误或该网站独有的东西,因此在其他地方是一个问题.
出于某种原因,以下javascript行在object doesn't support this action
IE6中给我一个错误:
item = ui.item.get(0);
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?我完全迷失了.
我有一些非常简单的HTML和CSS在Internet Explorer 6中不起作用.
<!DOCTYPE HTML>
<html>
<head>
<style>
table td.one.read {background-color:#FFD700;}
table td.two.read {background-color:#0000ff;}
table td.three.read {background-color:#ff8c00;}
</style>
</head>
<body>
<table>
<tr class="head">
<td></td>
<td class='one read'>one</td>
<td class='two read'>two</td>
<td class='three read'>three</td>
</tr>
<tr>
<td>Legend</td>
<td class='one read'>1</td>
<td class='two read'>2</td>
<td class='three read'>3</td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
一个简单的表,每列具有不同的背景颜色.我删除了一堆其他的CSS/HTML以保持简单.问题是所有列在Internet Explorer 6中显示为相同的橙色,在Firefox中工作正常.
我怎样才能使它工作?
我知道这听起来有点疯狂,但是我的客户端正在使用IE6,我对浏览器有很多问题,如果用IE6打开网站有什么办法吗,让它表现得像IE7或IE8?PS:我不是疯了:)
跳到底部问题,但首先是一个小环境.
所以我一直在研究CSS编译器(比如Sass&Less),并且对它们非常感兴趣,不是因为它们帮助我更容易理解(我已经做了几年css了)而是他们减少了残疾,帮助我更轻松地看待事物.
我最近一直在研究可靠地实现内联块(和clearfix),它需要大量无关的代码和黑客.现在据该领域的所有权威人士说,我不应该把IE黑客放在我做CSS的同一页面上,我应该让它们有条件.但对我来说,通过管理所有这些额外的代码是一个非常大的麻烦,这就是为什么我真的喜欢像Less这样的东西.您可以指定一个mixin并将其应用一次,而不是应用非语义类.
所以我想我得到了一些曲目(我想解释一下我的观点),但最重要的是,我正处于这些CSS编译器对我非常有用的地步,并允许我抽象出很多东西,并且可靠地应用它们一次然后编译它.我想有一种方法能够将IE特定的样式编译到他们自己的条件文件(ala Less/Sass)中,所以我不必无故地处理2个文件.
是否有类似脚本/应用程序运行并且可以使下划线/星形黑客攻击他们自己的文件?
在IE6中,HTML如下:
<div id="topmenu">
<ul>
<li>num 1</li>
<li>num 2</li>
</ul>
<div id="rightItem">Hello World</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS如下:
#rightItem {
cursor: pointer;
float: right;
clear: none;
height: 100%;
width: 340px;
}
#topmenu {
margin: 0 auto;
text-align: left;
width: 960px;
height: 41px;
}
Run Code Online (Sandbox Code Playgroud)
它在除IE6之外的所有浏览器中将itemRight浮动到同一行(第一个UL然后是rightItem)的右侧.在IE6中,它是清除并向右浮动.我如何修复IE6?
在IE Quirks模式下,我想使用以下代码在html页面上显示一些javascript函数:
document.write('<pre>' + someFunction + '</pre>');
Run Code Online (Sandbox Code Playgroud)
但是如果函数的源包含'<',则只显示'<'之前的源代码.
例如 :
function a(j){
var i = 0;
if(i<j){
alert(j + ' is greater than zero');
}
}
Run Code Online (Sandbox Code Playgroud)
将显示为:
function a(j){
var i = 0;
if(i
Run Code Online (Sandbox Code Playgroud)
如何让它显示一个函数的完整源代码?