Html 关于Internet Explorer 8中的样式图像

Html 关于Internet Explorer 8中的样式图像,html,css,image,internet-explorer,styles,Html,Css,Image,Internet Explorer,Styles,嗨,我正在设计一个小网站,它在IE9 Crome和Firefox上呈现得非常完美。但不是在IE8中。te图像不符合设计要求,它们是不受限制的。 html片段: <div id="MainImage1"><img src="Stores/DigitalExperience/ArticleImages/mainBanner.jpg" border="0" width="100%"></div> <div id="product-table"> <

嗨,我正在设计一个小网站,它在IE9 Crome和Firefox上呈现得非常完美。但不是在IE8中。te图像不符合设计要求,它们是不受限制的。 html片段:

<div id="MainImage1"><img src="Stores/DigitalExperience/ArticleImages/mainBanner.jpg" border="0" width="100%"></div>
<div id="product-table">
<div id="product1" class="product-column">
<a href="Main.asp?D=%7BF526E79F%2D78C3%2D4703%2D9CF5%2D4CEF53FCD0D7%7D&amp;PageType=Product&amp;SKU=GAL-I9190-WHT"><img src="Stores/DigitalExperience/ProductImages/S4MINIWHT_small.jpg" valign="middle" border="0">&nbsp;SAMSUNG GALAXY S4-WHITE</a>   
</div>
<div id="product2" class="product-column">
<a href="Main.asp?D=%7BF526E79F%2D78C3%2D4703%2D9CF5%2D4CEF53FCD0D7%7D&amp;PageType=Product&amp;SKU=GAL-I9500-BLK"><img src="Stores/DigitalExperience/ProductImages/s4-i9500_small.jpg" valign="middle" border="0">&nbsp;GALAXY SAMSUNG S4 BLK</a>
</div>
<div id="product3" class="product-column">
<a href="Main.asp?D=%7BF526E79F%2D78C3%2D4703%2D9CF5%2D4CEF53FCD0D7%7D&amp;PageType=Product&amp;SKU=UA32F5500-1-000"><img src="Stores/DigitalExperience/ProductImages/UA32F5500_small.jpg" valign="middle" border="0">&nbsp;32 INCH LED TV</a>
</div>
任何关于如何使这段代码在IE8中体面地呈现的想法,我现在在IE8中不需要圆形边框,我只需要将网站图像放在设计中。
感谢您在advanced中安装chrome框架并重试


您需要使用类似css3馅饼的多填充。这是链接半径/

边界半径,仅适用于支持CSS3的浏览器。IE8不支持它。所以拐角处将禁止通行


这可能有助于您解决此问题:

我的问题不在于边界,很抱歉在本文中添加了边界。我的问题是,这些图像离开了它们应该在的地方。。。我的意思是经常外出,在他们应该去的地方外面大约有一半的图像。我能去看看你吗?我需要更多的详细信息。由于网站不是在线的,该网站是一家由Pastel(一家销售预制构件软件的公司)提供的网上商店。我只能更改CSS,添加一些javascript、内容和图像,我可以将整个CSS和HTML发布到某个地方,也许这样可以工作?当然可以。请附上图片。这个压缩文件保存了网页。我注意到,在大屏幕上使用IE8时,只有背景看起来是错误的(更小),但在小屏幕上,所有图片的大小都比它们应该的大。我的问题不在于边框。很抱歉,在这篇文章中添加了这些图片。我的问题是,这些图像离开了它们应该在的地方。。。我的意思是经常外出,大约有一半的图像在他们应该在的地方之外。使用float left到具有正确div的子div。父div使其作为相对位置,总框宽为三个div。并且还添加溢出隐藏到perent div。如果你给我发送小提琴,我可以帮助你更多其他地方的用户呢?他们必须安装它才能看到我的网站?我需要设计我的网站,使其在InternetExplorer8中看起来像样。我不需要圆边。
#MainImage1 {
border-style: solid;
border-width: 1px;
border-color: #0000ff;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
margin: 0;
padding:0;   
}
#product-table{
display: table;
}

#product-table .product-column {
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-style: solid;
border-width: 1px;
border-color: #0000ff;
display: table-cell; 
width: 30%; 
padding: 10px; 
}
#product-table .product-column:nth-child(even) { 
background: #ccc;
}
#product-table .product-column:nth-child(odd) { 
background: #eee;
}
TD.MainAreaText img {
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
position: relative;
}