HTML下拉菜单悬停不消失,Blogger中的CSS和HTML下拉菜单---在IE中悬停时不行为;但完美在其他浏览器...

我很高兴与它看起来在Chrome &火狐(下拉菜单真的只有一路100%为关于,图像和家DIY;其余只是链接)。

我有IE中的下列问题(我想7,8和64位):

在资源管理器中,下拉菜单被显示出来,几乎透明的背景(I可以看到后的他们身后文本)

在资源管理器的下拉如此之快,我不能悬停或挑选一个选择。

在Safari中,链接不活跃,下拉菜单下出现在悬停。

我一直在寻找两个星期,并尝试不同的调整&建议从其他职位,但我不知道如何使它在IE中工作。她的博客的追随者

我不使用IE浏览器,但30 +%的人,所以我需要做出调整,我只是完全的想法(我已经达到了我的能力),在这一点上。

在Chrome浏览器中,我已经能够调整代码,使其完全按照我想要的方式调整代码(在下拉框中悬停在标题中的标志横幅上)。

注意:此代码要求将html小工具放在博客帖子部分的顶部,而不是标题,所以这就是为什么我更改了一些边距等,以便让下拉移动并“看起来正确“后面有标题图片。

这里是我所看到的:

x8G8y.png

的主题很简单,从博客乔希·彼得森。这是Blogger中为数不多的几个选择之一----我没有修改它;我只能通过1个HTML控件我的后段在上面添加再有就是为模板先进的CSS标签修改----这就是我到高级,然后选择“添加CSS”,并从我的Blogger实验室添加CSS (只更新颜色并移动,以便覆盖标题)----看起来CSS将自己添加到SIMPLE模板中。

2012-10-01

Emily M

+0

它适用于我在IE上,无论版本。确保你不在怪癖模式。 (F12来检查) –

+1

非常感谢你的回应Caelea。 我检查了我的IE 7标准。 我附上上面的屏幕截图----下拉菜单出现(有时),然后立即尝试做出选择。它还在IE中显示一个alt标签,并不会显示在其他浏览器中。我仍然无法悬停或从下拉列表中选择任何东西 - 它消失得太快。 我还不确定我在做什么错,它在IE中适用于你,但不适合我。我应该使用什么DOC类型?它可能与此有关吗?谢谢。 –

+0

这需要关闭,因为本地化。如果您的问题不能在没有图片或外部网站链接的情况下提出,则不能在此处询问。我们不应该打开您的网站并检查其来源以回答您的问题。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的个人博客网站的 HTMLCSS 和 JavaScript 代码示例: HTML: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Blog</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>My Blog</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <section class="post"> <h2>My First Post</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod tellus id est vehicula, sed bibendum velit ultrices. Nam euismod eleifend massa, id ullamcorper nulla sodales eu. </p> </section> <section class="post"> <h2>My Second Post</h2> <p>Proin a est quis nulla suscipit sagittis. Ut nec maximus nisi, vitae faucibus magna. Nunc ac tempor massa. </p> </section> </main> <footer> <p>© 2021 My Blog</p> </footer> </body> </html> ``` CSS: ```css body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 20px 50px; } nav ul { list-style: none; display: flex; } nav ul li { margin-right: 20px; } nav ul li a { color: #fff; text-decoration: none; } .post { margin: 50px; } .post h2 { font-size: 24px; margin-bottom: 10px; } footer { background-color: #333; color: #fff; text-align: center; padding: 20px; } ``` JavaScript: ```javascript // JavaScript代码可以用来实现博客的交互功能,如评论、点赞等等。 // 这里提供一个简单的示例: const likeBtn = document.querySelector('.like-btn'); let likes = 0; likeBtn.addEventListener('click', function() { likes++; likeBtn.textContent = `Like (${likes})`; }); ``` 注意,这只是一个简单的示例,实际的个人博客网站需要更多的 HTMLCSS 和 JavaScript 代码来实现各种功能。另外,也可以使用现有的博客平台(如WordPress、Blogger等)来搭建个人博客。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值