我正在使用我的CSS中的Internet Explorer渐变过滤器.
一切顺利,直到我注意到应该延伸到容器之外的图像overflow:visible;被剪裁,好像容器被设置为一样overflow:hidden;
我不知道为什么会这样,或者如何解决它.有人可以帮忙吗？
我在IE8和IE7中看它
这是导致问题的CSS,当我评论它时,没有更多的bug:
.box{
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b4cfe9', endColorstr='#e4eefc'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b4cfe9', endColorstr='#e4eefc')"; /* IE8 */
}
只是想知道如果我在我的网页中包含多个具有相同ID的元素,我会自己确定哪些问题？
例如:
<div id='someID'>Some Content</div>
<div id='someID'>Some Other Content</div>
这是我正在使用的代码的一个版本,仅限于那些不起作用的部分.这都是为了生成一些jQuery的基本分页.
在Chrome/Safari/Moz中,我生成了看到跨度,1,2,3,4,......等
当我查看IE7/8时,我看到等,...,4,3,2,1
字符串似乎倒退了!!
这对我来说似乎很奇怪,因为这里的代码并没有发生很多,我无法弄清楚哪一位可能导致问题.
显然,1,2,3,4,...等是我的目标,所以以及为什么这是一个问题的解释,如果有人能提供快速解决方案我会喜欢它.
myVar = {
arr:$.makeArray($('.my_li'))
};
var str;
str='';
for (s in myVar.arr){
r=parseInt(s,10)+1;
str+='<span class="my_class">'+r+'</span>';
}
$('#my_other_div').html(str);
我想把这些片段放在几个php文件中,然后在我的主页面中需要它们,而不是使用"纯"的css和js文件.我的意思是,我已经基本上为我的HTML DOM做了这个.
这个:
<script type='text/javascript'>
var foo = <?php echo $bar; ?>;
</script>
或这个:
<style type='text/css'>
.foo{
background-image:url('<?php echo $bar; ?>image.png');
}
</style>
这是非常糟糕的做法吗？
如果是的话,这种方法的优点和缺点是什么？
更新:
这些天我只是使用Drupal来处理在主题系统中将PHP变量传递给js并支持像LESS和SASS这样的CSS预处理器.我在这个问题中提出的两个用例都可以通过现代框架/预处理器很好地处理.