bootstrap table 有的线条出不来，在IE9以上版本是好的，求助_java吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：479,568贴子：
bootstrap table 有的线条出不来，在IE9以上版本是好的，求助收藏
三叔正版授权网游公测！
有遇到过的吗
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或bootstrap3 兼容IE9的问题 - 开源中国社区
当前访客身份：游客 [
当前位置：
依据bootstrap3的中文网中以及百度查询出来的各种解决思路，在jsp页面头部增加&meta http-equiv="X-UA-Compatible" content="IE=edge" /&
js,css文件引用（本地都存在了的，路径引用方式没问题，因为其他的文件也是如此引用，比如bootstrap.css文件等已经样式有效了的）
&!--[if lt IE 9]&
&&&&& &script src="&c:url value='/atmp/Common/bootstrap/js/html5shiv.min.js'/&"&&/script&
&&&&& &script src="&c:url value='/atmp/Common/bootstrap/js/respond.min.js'/&"&&/script&
&![endif]--&
备注：/atmp/Common/bootstrap/js，这是在下的项目中WebRoot目录下存放js文件的地址
而且项目部署在本地的tomcat下。
但是页面效果还是乱，而在chrome下又能正常显示。求大神支支招！
共有3个答案
<span class="a_vote_num" id="a_vote_num_
前端必备：F12
看控制台有没有错误，IE9兼容的两个js有没有加载上。
--- 共有 3 条评论 ---
: F12后，看页面的最终HTML代码，对一下路径。对比不出来，chrome可以网络下载的记录，IE就不知道了。。。
(11个月前)&nbsp&
路径也是通过在项目中右键该文件的Properties来获取的，按道理不应该有问题的。
(11个月前)&nbsp&
非常感谢老兄提供的方法，用F12看真的没有看到引进这两个文件的，但是我直接copy那些引进成功的模式&script src="TWEB/atmp/Common/bootstrap/js/html5shiv.min.js"&&/script&，这样直接引进也无法显示，这两个文件我是直接从cdn上下载来的。估计会是什么问题呢？
(11个月前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
&script src="&c:url value='/atmp/Common/bootstrap/js/html5shiv.min.js'/&"&&/script&
&&&&& &script src="&c:url value='/atmp/Common/bootstrap/js/respond.min.js'/&"&&/script&
这两个东东，你引用bootcss的CDN的，你试一下。
--- 共有 1 条评论 ---
老兄，我电脑无法连网，直接引用CDN肯定不行的
(11个月前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
我的网站：&就是用bootstrap3做的，ie8/9/11兼容性已经没有问题了，大家可以去看看,直接查看源码，就能知道怎么解决了。，我的博客上也有描述：
--- 共有 1 条评论 ---
你好，bootstrap-ie8.css这个文件是空的吗？除了这个文件之外，另外的其他两个文件我早已经导入了的，但是我的页面还是不兼容IE8
(7个月前)&nbsp&
更多开发者职位上
有什么技术问题吗？
开源石头的其它问题
类似的话题基于Bootstrap 3可预览的HTML5文件上传插件
当前位置： >
> 基于Bootstrap 3可预览的HTML5文件上传插件
bootstrap-fileinput是一款基于Bootstrap 3.x的HTML5文件上传插件。该文件上传插件带有预览图效果，可同时选择多个文件。该插件使用bootstrap CSS3样式来制作文件上传界面。并且它提供了多国语言，你可以选择使用中文。
浏览器兼容性
bootstrap-fileinput是一款基于Bootstrap 3.x的文件上传插件。该文件上传插件带有预览图效果，可同时选择多个文件。该插件使用bootstrap CSS3样式来制作文件上传界面，美观大方。并且它提供了多国语言，你可以选择使用中文。
该文件上传插件比普通的文件上传插件功能更强大，它可以对图片、文本文件、HTML文件、视频文件、音频文件、flash文件生成预览图。另外，它还可以基于AJAX上传文件，拖拽上传文件，查看上传进度，可以选择性的预览，添加或删除文件。
该文件上传插件的特点有：
AJAX上传功能基于HTML5 FormData（绝大多数现代浏览器都支持该属性）。在不支持该属性的浏览器中会回退为普通的文件上传组件。使用AJAX必须设置uploadUrl属性。
允许你添加、移除和追加文件。添加的文件可以生成预览图。
可以将文件拖拽到指定区域来上传文件。
可以一个个的删除或更新文件，也可以同时完成这些操作。
如果showPreview属性设置为false，或者浏览器不支持uploadUrl属性，将会回退为普通的文件上传组件。
可以配置文件上传等待指示，文件上传成功信息，文件上传出错信息。
在使用ajax上传文件时可以添加额外的表单信息。
可以显示文件当前上传的进度。
可以取消和终止当前正在上传的任务。
文件上传完毕会自动刷新预览区域的内容。
插件外部依赖需求
最新版本的
大多数现代浏览器都支持HTML5（inputs和FileReader AP），和jQuery。对于IE浏览器，必须是IE10以上的版本。IE9及以下的版本会回退为普通的文件上传组件，并且不支持选择多个文件和HTML 5 FileReader API。
AJAX上传需要浏览器支持HTML5 FormData和XHR2 (XMLHttpRequest 2)。大多数现代浏览器都支持FormData和XHR2。在不支持这些特性的浏览器中将会回退为普通的文件上传组件。
可以使用bower来安装该文件上传插件。
bower install bootstrap-fileinput
使用该文件上传插件首先要引入需要的外部依赖文件和fileinput.min.js及fileinput.min.css文件。
&link href="/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"&
&link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /&
&script src="jquery/2.1.1/jquery.min.js"&&/script&
&script src="path/to/js/fileinput.min.js"&&/script&
&!-- bootstrap.js below is only needed if you wish to the feature of viewing details
of text file preview via modal dialog --&
&script src="/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"&&/script&
&!-- optionally if you need translation for your language then include
locale file as mentioned below --&
&script src="path/to/js/fileinput_locale_&lang&.js"&&/script&
如果你需要使用语言国际化功能，可以添加上fileinput_locale_lang.js文件，中文对应的是fileinput_locale_zh.js文件。
初始化插件
// initialize with defaults
$("#input-id").fileinput();
// with plugin options
$("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});
#input-id是文件上传input元素的ID标识符（例如：type = file）。
你也可以直接通过HTML5 data属性来初始化插件。
&input id="input-id" type="file" class="file" data-preview-file-type="text" &
showCaption：是否显示文件的标题。默认值true。
showPreview：是否显示文件的预览图。默认值true。
showRemove：是否显示删除/清空按钮。默认值true。
showUpload：是否显示文件上传按钮。默认是submit按钮，除非指定了uploadUrl属性。默认值true。
showCancel：是否显示取消文件上传按钮。只有在AJAX上传线程中该属性才可见可用。默认值true。
captionClass：在标题容器上额外的class。类型string。
previewClass：在预览区域容器上的额外的class。类型string。
mainClass：添加在文件上传主容器。类型string。
initialDelimiter：在initialPreview属性中用于上传多个文件时的分隔符。默认值：'*$$*'。
initialPreview：类型string或array。显示的初始化预览内容。你可以传入一个简单的HTML标签用于显示图片、文本或文件。如果设置一个字符串，会在初始化预览图中显示一个文件。你可以在initialDelimiter属性中设置分隔符用于显示多个预览图。如果设置为数组，初始化预览图中会显示数组中所有的文件。
下面的CSS样式用于显示各种不同类型的文件预览图：
image files：CSS样式为file-preview-image
text files：CSS样式为file-preview-text
other files：CSS样式为file-preview-other
下面的例子是如何设置不同类型文件的初始化预览图：
// for image files
initialPreview: [
"&img src='/images/desert.jpg' class='file-preview-image' alt='Desert' title='Desert'&",
"&img src='/images/jellyfish.jpg' class='file-preview-image' alt='Jelly Fish' title='Jelly Fish'&",
// for text files
initialPreview: "&div class='file-preview-text' title='NOTES.txt'&" +
"This is the sample text file content upto wrapTextLength of 250 characters" +
"&span class='wrap-indicator' onclick='$(\"#show-detailed-text\").modal(\"show\")' title='NOTES.txt'&[…]&/span&" +
// for other files
initialPreview: "&div class='file-preview-text'&" +
"&h2&&i class='glyphicon glyphicon-file'&&/i&&/h2&" +
"Filename.xlsx" + "&/div&"
initialPreviewCount：类型int。被添加到选择的文件的初始化预览图的数量。当overwriteInitial属性设置为false时，该参数可以显示正确的文件标题。
initialPreviewDelimiter：类型string。用于分割初始化预览图内容的分割符。只有在initialPreview属性传入的参数是字符串而不是数组时可用。默认值是：*$$*。
initialPreviewConfig：类型：array。每一个initialPreview项的配置属性。数组中的每一个元素都应该是下面关键字组成的对象或关联数组：
- `caption`: _string_, the caption or filename to display for each initial preview item content.
- `width`: _string_, the CSS width of the image/content displayed.
- `url`: _string_, the URL for deleting the image/content in the initial preview via AJAX post response. This will default to `deleteUrl` if not set.
- `key`: _string|object_, the key that will be passed as data to the `url` via AJAX POST.
- `extra`: _object|function_, the extra data that will be passed as data to the initial preview delete url/AJAX server call via POST. This will default to `deleteExtraData` if not set.
下面是配置initialPreviewConfig属性的一个例子。
// setup initial preview with data keys
initialPreview: [
"&img src='/images/desert.jpg' class='file-preview-image' alt='Desert' title='Desert'&",
"&img src='/images/jellyfish.jpg' class='file-preview-image' alt='Jelly Fish' title='Jelly Fish'&",
// initial preview configuration
initialPreviewConfig: [
caption: 'desert.jpg',
width: '120px',
url: '/localhost/avatar/delete',
extra: {id: 100}
caption: 'jellyfish.jpg',
width: '120px',
url: '/localhost/avatar/delete',
extra: function() {
return {id: $("#id").val()};
注意：ajax delete操作会通过POST向服务器发送下面的数据：
key：在initialPreviewConfig['key']中设置的key值。
通过initialPreviewConfig['extra']或deleteExtraData格式传入的其它作为key: value键值对数据。
initialPreviewShowDelete：是否为每一个由initialPreview插件的预览图创建一个删除按钮。
previewThumbTags：类型array。预览图的一组标签。它会在预览图生成之后动态的替换掉缩略图标签。例如：
// change thumbnail footer template
layoutTemplates.footer = '\n' +
{CUSTOM_TAG_NEW}\n' +
{CUSTOM_TAG_INIT}\n' +
{actions}\n' +
// set preview template tags
previewThumbTags = {
'{CUSTOM_TAG_NEW}': 'CUSTOM MARKUP',
'{CUSTOM_TAG_INIT}': '&'
上面只是该文件上传插件一部分的属性，要查看完整的属性和可用方法，可以查看：。
本文版权属于jQuery之家，转载请注明出处：
您已经顶过了哦！你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
@media (min-width: 1200px){}在ie8
没有任何作用，
加了respond.js
也不起作用
在线急等！
求大神解决！
要回复问题请先或
关注: 1 人> bootstrap在IE9里没动画效果的原因
bootstrap在IE9里没动画效果的原因
smart12 & &
发布时间： & &
浏览：115 & &
回复：0 & &
悬赏：0.0希赛币
bootstrap在IE9里没有动画效果的原因
　　bootstrap是非常棒的前端开发套件。
　　但是在IE浏览器里，效果没有chrome,firefox好。原因是因为最新的普及版 IE9对CSS3仍然支持不到位。
　　我研究了不能展现动画效果的问题。
　　举个例子 alert 插件。
　　&div class="fade in alert"&
　　&button type="button" class="close" data-dismiss="alert"$>$&/button&
　　&strong&Warning!&/strong& Best check yo self, you're not looking too good.
　　&/div&
　　在chrome下，点击 X 可以渐隐整个alert提示。但是在IE下就不能。
　　我在查看源代码前，一直认为bootstrap的动画效果是依靠jquery的。但是实际却是依靠css3。
　　!function ($) {
"use strict"; //_;
/* ALERT CLASS DEFINITION
* ====================== */
var dismiss = '[data-dismiss="alert"]'
, Alert = function (el) {
$(el).on('click', dismiss, this.close)
Alert.prototype.close = function (e) {
var $this = $(this)
, selector = $this.attr('data-target')
if (!selector) {
selector = $this.attr('href')
selector = selector && selector.replace(/.*( =#[^\s]*$)/, '') //strip for ie7
alert('fuck');
$parent = $(selector)
e && e.preventDefault()
$parent.length || ($parent = $this.hasClass('alert')
$this : $this.parent())
$parent.trigger(e = $.Event('close'))
if (e.isDefaultPrevented()) return
$parent.removeClass('in')
function removeElement() {
.trigger('closed')
$.support.transition && $parent.hasClass('fade')
$parent.on($.support.transition.end, removeElement) :
removeElement()
/* ALERT PLUGIN DEFINITION
* ======================= */
var old = $.fn.alert
$.fn.alert = function (option) {
return this.each(function () {
var $this = $(this)
, data = $this.data('alert')
if (!data) $this.data('alert', (data = new Alert(this)))
if (typeof option == 'string') data[option].call($this)
$.fn.alert.Constructor = Alert
/* ALERT NO CONFLICT
* ================= */
$.fn.alert.noConflict = function () {
$.fn.alert = old
return this
/* ALERT DATA-API
* ============== */
$(document).on('click.alert.data-api', dismiss, Alert.prototype.close)
}(window.jQuery);
　　看遍以上这个插件没发现任何jquery.fadeIn()函数的踪影。
　　其实，实际起到fadeIn作用的是 $parent.removeClass('in'),即去掉div的in样式表。我们看到div有fade和in两个样式表。为什么一旦去掉in就会有渐隐效果呢(在chrome里)
　　我们看看bootstrap.css里的
　　.fade {
opacity: 0;
-webkit-transition: opacity 0.15
-moz-transition: opacity 0.15
-o-transition: opacity 0.15
transition: opacity 0.15
.fade.in {
opacity: 1;
　　这里可以看到chrome运用css3的-webkit-transition的样式来达到这一目的，将 in 去掉后，只剩fade,则-webkit-transition执行 linear动作，将透明度以0.15s的速度降为0,这样就实现了渐隐效果。
　　同样的，我们还可以看到collapse插件的高度渐减效果，也是用css3实现
　　.collapse {
height: 0;
-webkit-transition: height 0.35
-moz-transition: height 0.35
-o-transition: height 0.35
transition: height 0.35
　　而一切的一切，都是因为fuck IE不支持transition这个css3特性。和bootstrap用没用jquery无关。
　　最后我想说，chrome must be winner for freedom.
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&