CSS问题 - 保证金最高 - 谷歌浏览器 [英] CSS issue - margin top - Google Chrome
问题描述
在我的 Joomla网站上,我只在Google Chrome中遇到问题。 Firefox& IE可以。有27个像素,菜单在上面。我使用Yootheme的主题(但他们无法解决问题)。
On my Joomla site I have a problem with the margin-top only in Google Chrome. Firefox & IE are ok. There are 27 pixels, the menu is above. I use a theme from Yootheme (but they are not able to solve the problem).
如果我输入此样式:
ul.menu.menu-dropline {
margin-top:27px;
}
Google Chrome版本正常;但不是Firefox& IE不再。
Google Chrome version is ok; but not Firefox & IE anymore.
不幸的是,我不是CSS profi--希望你能帮上忙。
Unfortunately I am not the CSS profi - hopefully you can help.
亲切的问候
winfo
Kind regards winfo
推荐答案
我在您的CSS代码中找到了这些行。可能它们会导致FF和Webkit浏览器之间的行为差异。
I found these lines in your CSS code. Probably they cause the difference in behavior between FF and Webkit browsers.
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
快速解决方案:
将以下内容添加到您的CSS代码中。
Quick solution: Add the following to your CSS code.
ul.menu.menu-dropline {
-webkit-margin-before: 27px;
}
这篇关于CSS问题 - 保证金最高 - 谷歌浏览器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!