转载于 罗马集市
Magento的CSS文件一般存放到 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin |
install}/<package name>/<theme
name>/css目录下。也有些和全局js脚本配合使用的css文件存放在$MAGENTO_INSTALLED_FOLDER/js下，但是一
般我们不直接调用它们。
那么Magento应用又是如何引用CSS文件的呢？
方式I. 最一般的方法是配置全局block. 在page.xml中有
Xml代码
<
default
>
<
block
type
=
"page/html"
name
=
"root"
output
=
"toHtml"
template
=
"page/3columns.phtml"
>
<
block
type
=
"page/html_head"
name
=
"head"
as
=
"head"
>
<
action
method
=
"addCss"
>
<
stylesheet
>
css/menu.css
</
stylesheet
>
</
action
>
<
action
method
=
"addItem"
>
<
type
>
skin_css
</
type
>
<
name
>
css/iestyles.css
</
name
>
<
params
/>
<
if
>
IE
</
if
>
</
action
>
</
block
>
</
block
>
</
default
>
<default>
<block type="page/html" name="root" output="toHtml" template="page/3columns.phtml">
<block type="page/html_head" name="head" as="head">
<actio
IE6、IE7、IE8、FF浏览器的CSS兼容问题，本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点，ie8的出现就更头疼了，原来hack ie7的方法又不能用了，怎么办呢？
还好，微软提供了这样一个代码： 把这段代码放到里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写� ......
IE6下默认的字体尺寸大致在 12 – 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden解决问题。
<div style=&rdquo ......
