IE9 的 CSS 问题,例如渐变背景、圆角和阴影

发布于 2024-10-14 08:21:21 字数 526 浏览 1 评论 0原文

我对选定或悬停的菜单项使用渐变背景颜色,它在 chrome,FF,opera,ie7,ie8 中运行良好。但在 ie9 中,元素的背景出现在元素的右侧,但文本保持在原位,这是第一个问题。

我面临的第二个问题是圆角,它在 chrome、FF、opera 中工作正常,但在 ie9 中,角没问题,但框的背景是图像,但它显示为白色!

第三个问题是阴影问题 我将阴影应用于包含图像的 div,它在所有浏览器中都可以正常工作,但 ie9 偏移整个 div,而不是在鼠标悬停时应用阴影和不透明度更改,通过在没有阴影的 div 一侧添加黑色部分来增加问题? ????

当我听说 ie9 支持 css3 时,我知道这太难以置信了,ie 仍然是我的噩梦!

我担心该网站将来会出现在 ie 9 中,所以我添加了这个

当我使用 IE=7 或 IE=8 时出现问题还是原样 但知道添加该行后看起来更好,但不支持圆角。

I use a gradient background color for selected or hovered menu items it works fine in chrome,FF,opera,ie7,ie8 . but in ie9 the background of the elements appears in the right of the element but text keeps in place this is the first problem.

the second problem i faced is the rounded corner it works fine in chrome, FF, opera but in ie9 the corners are ok but the background of the box was an image but it appears white!!!

the third problem is that of shadow
i apply shadow to the divs containing images it works fine in all browsers but ie9 offset the whole div instead of applying shadow and opacity change on mouse over increased the problem by adding black parts in the side of div that doesn't have shadow???????

when i heard that ie9 supports css3 i knew that this is unbelievable ie will still be my Nightmare!!

I'm afraid of future appearance of the website in ie 9 so i add this
<meta http-equiv="X-UA-Compatible" content="IE=7.5"/>

when i used IE=7 or IE=8 the problem still as it is
but know it appears better after adding that line but with no support for rounded corner.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

年少掌心 2024-10-21 08:21:21

你如何告诉 IE9 实现角点和渐变?您是否使用 IE 过滤器(就像我假设您使用 7 和 8 一样)?或者你真的在使用 CSS3 吗?

如果您使用过滤器,请尝试让 IE9 只使用 CSS3。您可以将过滤器放入自己的样式表中,然后使用条件注释来针对 IE8 及更低版本,这样 IE9 就会完全忽略过滤器,这样您就知道它们不会干扰。

How are you telling IE9 to implement the corners and gradients? Are you using the IE filters (like I assume you're using for 7 and 8)? Or are you actually using CSS3?

If you're using filters, try making IE9 just use CSS3. You can put the filters into their own stylesheet and just use conditional comments to target IE8 and below for them, so IE9 ignores the filters altogether, that way you know they're not interfering.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文