旧式校际形象- css2 -
我对创建黑影有异议..。我在IE8工作，因此我不能使用CSS3 -- CSSPIE也没有帮助，因为它在上传到SharePoint (2007)时基本上破坏了我的盒影(pie在IE8中运行得很好，在SharePoint之外)。我的新方法是创建一个有边框图像的表格--就像以前那样，但不知怎么看上去很奇怪。
这是我的代码：
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD style="VERTICAL-ALIGN: bottom; WIDTH: 10px; HEIGHT: 10px"><IMG height=10 alt="" src="lefttopcorner.png" border="0" width=10> </TD>
<TD style="BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(topside.png); BACKGROUND-REPEAT: repeat-x; HEIGHT: 10px"> </TD>
<TD style="VERTICAL-ALIGN:bottom; WIDTH: 10px; HEIGHT: 10px"><IMG height=10 alt="" src="righttopcorner.png" width=10 border="0"> </TD>
</TR>
<TR>
<TD style="BACKGROUND-IMAGE: url(leftside.png); VERTICAL-ALIGN: bottom; BACKGROUND-REPEAT: repeat-y; HEIGHT: 10px"> </TD>
<TD style="BACKGROUND-COLOR: #F4F3F2"> </TD>
<TD style="BACKGROUND-IMAGE: url(rightside.png); VERTICAL-ALIGN: bottom; BACKGROUND-REPEAT: repeat-y; HEIGHT: 10px"> </TD>
</TR>
<TR>
<TD style="VERTICAL-ALIGN: top; WIDTH: 10px; HEIGHT: 10px"><IMG height=10 alt="" src="leftbottomcorner.png" width=10> </TD>
<TD style="BACKGROUND-POSITION:50%; BACKGROUND-IMAGE: url(bottomside.png); BACKGROUND-REPEAT: repeat-x; HEIGHT: 10px"> </TD>
<TD style="VERTICAL-ALIGN: top; WIDTH: 10px; HEIGHT: 10px"><IMG height=10 alt="" src="rightbottomcorner.png" width=10> </TD>
</TR>
</TBODY>
</TABLE>这张桌子似乎不是一个连贯的盒子：
还有小提琴:然而，http://jsfiddle.net/Cz29T/，我一点也不知道如何把图片上传到小提琴上。
如果有一个CSS解决方案--而不是CSS3 --那么我想知道:)
如果有人能告诉我我做错了什么，我将非常感激。这可能是菜鸟犯的错误，但现在我想我已经看了太久了。
回答 1
Stack Overflow用户
发布于 2013-11-26 10:31:01
尝试在IE中使用filter属性。
您可以参考URL Link">http://msdn.microsoft.com/en-us/library/ms532985%28v=vs.85%29.aspx">Link
IE的框影示例：
.class{
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=150, Color='#333333');
}您可以将Direction值更改为90、180、270、360，以显示编辑框的阴影。
我已经创建了一个示例代码，它包括Border和box-shadow。请检查一下是否有效。
<Div class="CheckShadow">
Try Box Shadow
</Div>
<style>
.CheckShadow
{
width:100px;
height:100px;
box-shadow:4px 4px 5px red;
border:5px solid blue;
filter:progid:DXImageTransform.Microsoft.Shadow(color=red,direction=90,strength=10),
progid:DXImageTransform.Microsoft.Shadow(color=red,direction=180,strength=10);
}
</style>https://stackoverflow.com/questions/20214067
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号