有一个简单的方法让css3 text-shadow在IE9中工作吗？至少一个文本阴影会很棒.我想理想情况下也支持IE8.我希望有一个简单的jquery插件或.htc文件,它只是查看元素的text-shadow css属性并为IE9实现它.
我刚开始在我的文档中使用HTML5和CSS3.我理解JavaScript需要使用这些新标签和样式来加快Internet Explorer的速度,但我不知道使用哪个以及何时使用!
我的计划是使用html5shiv和IE9.js来管理HTML5标签以及透明的png(以及他们修复的其他任何麻烦的错误),然后引起我的注意Modernizr和CSS3 Pie.
我的问题是,如果我使用Modernizr,它是否需要html5shiv以及IE9.js？或者我也应该包括这些？重叠是什么？
而且,Modernizr或其他人没有做什么CSS3 Pie？或相反亦然？
我感谢你们的帮助.让我知道你做了什么!？
使用css3pie幕后发生了什么让IE可以使用css3功能？
我试图演示CSS3PIE,它根本不会在IE中工作.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<link href="test.css" type="text/css" rel="stylesheet">
<title>Test</title>
</head>
<body>
<div id="title"></div>
<div id="sub_title"></div>
<div id="main_area">
<div id="date_area"></div>
</div>
</body>
</html>
CSS:
body{
margin: 0 auto;
}
#title{
margin: 0 auto;
width: 100%;
height: 40px;
background-color: white;
}
#sub_title{
margin: 0 auto;
width: 100%;
height: 25px;
background-color: green;
}
#date_area{
width: 310px;
height: 250px;
border: 1px solid #4A4949;
padding: 60px 0;
text-align: center;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: …我一直试图在我的MVC项目中使用Css3pie来渲染圆角面板但到目前为止没有运气.
我使用正常的html页面跟踪示例,它完美地工作,但不是在我的MVC项目中.我认为这与在'MVC中混淆的'pie.htc'文件的路径有关
我将'pie.htc'文件放在项目文件夹(root)和我的css文件中,我使用:behavior:url(/PIE.htc);
我认为需要修改MVC路由器以接受htc文件扩展名？对不起,我对MVC很新.有没有人尝试过pie.htc并让它在MVC项目中工作,请帮忙吗？
谢谢!
我正在尝试使用PIE.htc,这是一个希望允许我在IE6-8中使用CSS3功能的脚本.我也在使用Cakephp(我越来越喜欢)
根据说明,我只需将PIE.htc文件粘贴到我想要的任何位置,然后添加behavior: url(path/to/PIE.htc);到CSS中.所以我有:
input[type=text]{
width:348px;
height:30px;
border:1px solid #ddd;
padding:3px;
background:url(../img/formfieldbg.gif) repeat-x;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
vertical-align:top;
behavior: url(path/to/PIE.htc);}
它还说:注意:此路径与正在查看的HTML文件相关,而不是从中调用的CSS文件.
我正在使用Cakephp,无论我为路径放置什么,无论我在哪里放置PIE.htc文件,我都无法使其工作!当我在IE6中查看它时,我的输入仍然没有像在FF中那样可爱的圆角.
我正在使用CSS3Pie htc文件border-radius在IE8中启用,但我没有任何效果.我的CSS是:
button {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
behavior: url(PIE.htc);
}
我把PIE.htc放在公共根目录中(就像在CSS3PIE演示页面上所做的那样),尝试使用相对uri和绝对uri在同一个文件夹中.
演示正在进行中; 只是不是我的代码!
谢谢,亚当
我决定在我的网站上完全放弃对IE6和IE7的支持,将其用户重定向到纯文本警告页面.但是我仍然支持IE8和IE9.
我使用CSS3 PIE来实现这一点,并且border-radius在两个(IE8/9)中工作,盒子阴影在两者中都有效,但是我也依赖于线性渐变.我有大量标签用于实现此目的:
background: #E6E6E6; /* fallback */
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#B3BCC7)); /* old webkit */
background: -webkit-linear-gradient(#E6E6E6, #B3BCC7); /* new webkit */
background: -moz-linear-gradient(#E6E6E6, #B3BCC7); /* firefox */
background: -ms-linear-gradient(#E6E6E6, #B3BCC7); /* meant to be IE... */
background: filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E6E6E6', endColorstr='#B3BCC7'); /* also meant to be IE... */
background: -o-linear-gradient(#E6E6E6, #B3BCC7); /* opera */
background: linear-gradient(#E6E6E6, #B3BCC7); /* W3C standard */
-pie-background: linear-gradient(#E6E6E6, #B3BCC7); /* PIE */
behavior: url(/PIE.htc); /* load PIE.htc */ …导入CSS3Pie时,我收到以下错误.
Uncaught TypeError: Object [object DOMWindow] has no method 'attachEvent'
我正在使用Chrome.这可能是我造成的,或者只是一个错误.谢谢!
我有这个HTML:
<div id="micrositePhotoDiv">
<img id="micrositePhoto" />
</div>
和css:
#micrositePhotoDiv {
overflow:hidden;
@include border-radius(10px);
behavior: url(PIE.htc);
}
img在javascript中以编程方式设置src .
将img被设置为它的内含div的宽度.在ie9,firefox,chrome等中,这使得图像具有圆形边框(因为图像的边角在边框之外,并且有overflow:hidden;)
在IE8中,图像没有圆角边框.border-radius属性生效(如果我这样做,我可以在图像后面看到它border: solid black 1px;)但是边框外部的图像部分不会被隐藏.
有什么方法可以使用css,css3pie,javascript等吗？或者这在IE8中无法实现？
css3pie ×10
css ×6
css3 ×6
javascript ×3
asp.net-mvc ×1
html ×1
html5 ×1
modernizr ×1
plugins ×1