小编Sat*_*Eye的帖子

我有一些代码可以创建一个列表,当它悬停时,下拉以显示子菜单.问题是它在IE中不起作用.当链接在IE中悬停时,它不会将菜单放下,而是将其推到右侧,使其无法单击.

此代码在FF和Chrome中完美运行,我从代码中得到的代码表示它应该可以在IE中运行.

我在编码时相当新,因为我倾向于复制和粘贴代码块并学习一点点,所以在我自己身上找出这样的东西太难了.

任何帮助将不胜感激 :)

CSS:

#dropmenu,
#dropmenu ul {
    list-style: none;
}
#dropmenu {
    float: left;
    width: auto;
}

#dropmenu li {
     width: auto;
}

#dropmenu > li {
    float: left;
    width: auto;    
}
#dropmenu li a {
    display: block;
    height: 2em;
    line-height: 2em;
    padding: 0 1.5em;
    text-decoration: none;
}
#dropmenu ul {
    position: absolute;
    display: none;
    z-index: 999;
}
#dropmenu ul li a {
    width: 80px;
}
#dropmenu li:hover ul {
    display: block;
}

/* Main menu
------------------------------------------*/ …

我有一个iframe,我正在使用来自emailmeform.com,我想要做的是让iframe(表单)的内容在iframe中"裁剪",以便从某个点开始.

这样做的原因是他们给你的iframe在顶部有一定的空间,这使我的网页看起来很乱.我希望更高的形式,以便我可以缩小我的iframe和我的文本之间的差距

我使用stackoverflow.com作为模拟iframe内容,因为我使用的表单有个人信息:

    <iframe height="1258" allowtransparency="true" frameborder="0" scrolling="no" style="width:100%; border:none" src="http://stackoverflow.com/">
    <a href=
    "http://stackoverflow.com/">Fill out form.</a></iframe>

我有border-bottom我 li的，但我有padding-left:10px我的ul，所以它会将所有内容向右微移 10 像素。

我想知道是否有可能将边界移回左侧？或者这是不可能的，因为边界是 的一部分ul？

html

<ul class="menuoptions">
<li>Home</li>

<li>Firewalls</li>

<li>SSL VPN Encryption</li>

<li>Security In Education</li>

<li>Wireless Access Points</li>
</ul>

CSS

.menuoptions {
    position:relative;
    height:30px;
    width:225px;
    color:#666;
    line-height:40px;
    font-weight:bold;
    padding-left:10px;
    margin-top:-10px;
    top:10px;
    list-style:none;

}

.menuoptions li {
    border-bottom:solid 1px #ccc;       
}

小提琴

我想问一下如何创建一个尖头的div来显示用户的评论。指向的div应该如下所示：

你有什么主意吗？谢谢

它应该看起来像这样，但只是将三角形放在左侧而不是顶部。

#pointed {
position: relative;
margin: 0 auto;
width: 50px;
height: 50px;
padding: 4px;
color: white;
background-color: rgba(0,0,0,.8);
}

#pointed:after,
#pointed::after {
position: absolute;
top: -5px;
left: 22px;
content: '';
width: 0;
height: 0;
border-bottom: solid 5px rgba(0,0,0,.8);
border-left: solid 5px transparent;
border-right: solid 5px transparent;
}