ddouble / bsie Goto Github PK

I used the ie.css file on a website running HTTPS and it reported the annoying "this page is running non-secure content" error. I changed "about:blank" for the background image tag with "none" and fixed the issue.

jhjh

因为在 yii-bootstrap 里默认用 link 做按纽，发现以下代码在鼠标移过按纽及点击按纽时底色、文字颜色表现不正确（IE6）：

<div class="btn-toolbar" style="margin: 0;">
  <div class="btn-group">
    <a data-toggle="dropdown" class="btn btn-primary dropdown-toggle" href="#">Action <span class="caret"></span></a>
    <ul id="yw0" class="dropdown-menu">
      <li><a tabindex="-1" href="#">Action</a></li>
      <li><a tabindex="-1" href="#">Another action</a></li>
      <li><a tabindex="-1" href="#">Something else</a></li>
      <li class="divider"></li>
      <li><a tabindex="-1" href="#">Separate link</a></li>
    </ul>
  </div>
</div>

由于CSS代码量比较大，加上IE6难以调试我一下子没有发现问题在哪，不带动作的普通按纽或换成 就没有问是。应当是 CSS 的优先级出错了，作者有时间看看能否修正一下，多谢了！

我的一个项目想用bootstrap来做响应式，但同时在pc端又要求兼容IE6，所以我打算用您的baie来做。
请问一下，p-2.html中引用的这个响应式的css文件
href="../assets/css/bootstrap-responsive.css"，好像不存在。
是不是还要用到原版的bootstrap?
具体是怎么引用可以指导我一下吗？
不甚感激。

官方网站上bootstrap 3 rc版本已经发布了，不知bsie是否会支持bootstrap 3?谢谢

不好意思，又来报BUG了，显示 modal 时在IE6下似乎也被应用上了一层半透明效果，导致显示似乎很暗。以下是试验代码：

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

Hi again～

最近在 IE6 上用 Grid，比如给第一个 .span3 加上 .offset1 之后，位置还是没有变化。

看了下代码，发现有这样一句 https://github.com/ddouble/bsie/blob/master/js/bootstrap-ie.js#L124，所有的 [class*=span]:first-child 都会被加上一个 class span-first-child，也就是加上了一个 margin-left: 10px。于是 .offset* 就不再起作用了。

我猜，这一句是为了解决 IE6 下的 "double margin" 的问题，如果是这样的话，我等下会创建一个 pull-request 来 fix 这个问题。

Hi,
SELECT multiple appears with zero height, my fix:

SELECT{height:auto}

If I have a text input with long text inside the input expands indefinitely, my fix:

INPUT {overflow-x:hidden; }

试下用来 bsie 在 IE6 基本上比较完美了，刚刚发现 bootstrap-ie6.css 这个文件根本没有包含 carousel 这个组件的 CSS。

但原版 bootstrap.css 里有，less-ie6/ 下也有相关的 less 文件。

但这个文件里用了很多 '>' 来定义 CSS，因此 IE6 下又有问题。刚才简单测试了一下，只要把大部分的 > 删除替换为空格，然后再加入以下几行就可以了，希望官方可以进一步修正然后加入。多谢！！

.carousel-inner .item img {
  display: block;
  line-height: 1;
  width: 100%;  // 增加部分，原css定义了 max-width 但IE6还是不支持
  height: auto; // 增加部分，因为这些文件只有 ie6 加载，所以无需要用 * 开头了
}
.carousel-caption {
    _filter:alpha(opacity=70); // caption 的半透明效果
}

if ($.eb.ie6) {
el = el || $('html');
.......

应该改为：
if ($.eb.ie6()) { // 没有执行。。。
el = el || $('html');

听上去不会考虑再出 bootstrap 3 的 bsie 了，甚感遗憾。不过 bootstrap 2 系应该不会再发布什么新版了，是否可以抽点时间把 bootstrap 同步到最新的 2.3.2，预计工作量应该不大，目前 bsie 还是蛮不错了。

还有个小问题就是 ie.cs 和 bootstrap-ie6.css 这2个为何不直接整成一个文件 啊……

目前 bootstrap-ie6.css 是基于 bootstrap.css 直接修改，尺寸比较大，而且也不利于跟随 bootstrap 同步和升级。

经过实际测试，发现 bootstrap-ie6.css 也不能脱离 bootstrap.css 单独工作（我用PHP判断在IE6时只加载 bootstrap-ie6.css 结果好多乱掉的）。

因此强烈建议做成补丁呀，辛苦作者了 ^-^ 目前我结合 yii-bootstrap 在做，继承扩展了一个 BootstrapIE6，在 PHP 代码中判断 IE6/7 时加载这些补丁，效果还不错。

刚刚在测试这个 bsie 总体还不错，但是由于项目中早已包含 jQuery，所以在试着替换 jQuery 库时发现用 1.8.0 版时 p-1.html 中的 DropdownMenu 直接卡死（IE６），换用 1.9.0 的 jQuery 则直接报语法错 $.msie 不是对象？

没有太关注 jQuery 的 ChangeLog，也许是 jQuery 哪儿不兼容导致的，CSS方面测试都OK。

不过 test-tooltip.html 这个在 IE6 似乎浮动有点问题。