我正在尝试为IE定位一个类.但是,由于样板模板已更改,因此不再有效.
.myclass {
//do something
}
.ie7 .myclass {
///do something
}
Run Code Online (Sandbox Code Playgroud)
这是样板模板的新标题中的内容.
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
Run Code Online (Sandbox Code Playgroud) html5 internet-explorer conditional-comments internet-explorer-9 html5boilerplate
反正有下载自定义版本的twitter boostrap(你可以在哪里编辑颜色,网格宽度等),以无.格式提供css?
好的,这是我第一次使用html5boilerplate,但无法从我的css文件中获取IE样式.
我在标题中有这个(根据页面设置)
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
Run Code Online (Sandbox Code Playgroud)
在我的样式表中我有
#container { float:right; margin-top: 0px; }
.ie6 #container { margin-top: 5px; }
.ie7 #container { margin-top: 10px; }
.ie8 #container { margin-top: 15px; }
Run Code Online (Sandbox Code Playgroud)
它不起作用.这真的很简单,我错过了什么.
您的建议表示赞赏.
如果你从github 查看当前的HTML5 Boilerplate,
你会发现它们在head标签的底部包含了modernizr,
但在body标签的底部却包含了其他javascript文件.
为什么分离?
从开箱即用的 HTML5 Boilerplate 安装中,我使用以下代码
body
{
background-image:url('img/bg.png');
background-repeat:repeat-y;
}
Run Code Online (Sandbox Code Playgroud)
在 style.css 文件中,没有出现背景图片,它仍然保持空白。
完整的 css 在这里
/* HTML5 Boilerplate */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; …Run Code Online (Sandbox Code Playgroud) 这是我的jsfiddle。
“关注我们”链接位于推特图标旁边。我想要的是链接垂直居中在图像上,css如果可能的话,不使用内联样式。
我试过直接向<a>标签添加一个类,然后调整边距。那没有用。
我尝试直接向img标签添加一个类,然后调整边距。那没有用。
我尝试再次调整填充而不是边距来做这两件事。
这甚至可能是我设置它的方式还是我将不得不更改html..或两者兼而有之?
任何建议都非常感谢!
我一直在使用H5BP看起来像Eons并发现它真的有用但是我从来没有真正理解所有图标的用途.
我知道它们适用于各种设备但是我从来没有真正打扰过你想到它...我只是羞怯地用我自己的设备替换了我正在研究的网站.
我刚刚用谷歌搜索,找不到任何好的解释,并在什么情况下使用它们?
我有一个iPhone和iPad,但老实说我对两者都没有留下深刻的印象,因此我可能不太了解H5BP图标在这些设备上的确切位置......