Tag: css

IE7输入：焦点: 我有以下CSS在IE7中不起作用。 input:focus{border-width: 2px;border-color: Blue; border-style: solid;} 基本上，我只想在输入聚焦时设置边框属性。适用于Firefox等…如果有人能解释为什么它不能在IE 7中工作并建议一个可能的解决方法，我们将不胜感激。谢谢。

模态图像库 – 多个图像: 我目前正在尝试根据以下代码制作图像库： http ： //www.w3schools.com/howto/howto_css_modal_images.asp 此代码适用于单个图像，但是当您尝试添加更多图像时它不起作用。我相信这与使用ID的javascript有关，但是当我尝试使用类代替ID时代码将无效。有没有人有幸使用W3学校的这个例子创建一个工作图库？谢谢！ 🙂 这是我的代码正文中的HTML和JavaScript。 Gallery × × // Get the modal var modal = document.getElementById(‘myModal’); // Get the image and insert it inside the modal – use its “alt” text as a caption var img = document.getElementsByClassName(‘myImg’); var modalImg = document.getElementById(“modal-image”); var captionText = document.getElementById(“caption”); img.onclick = function(){ modal.style.display […]

如何让CSS mediaqueries与jQuery $（window）.innerWidth（）一起使用？: 我正在尝试让jQuery处理菜单，而CSS在调整浏览器大小时会对窗口背景做些什么。所以jQuery做了这样的事情： if ( $(window).innerWidth() < mediaQueries['small']) { // (where 'small' would be 966) // Perform jQuery stuff on a menu ul } CSS有这样的东西： @media all and (max-width: 966px) { body { background: url(smallback.jpg) no-repeat 0 0; } } 当使用Firefox时，有一个17像素（似乎是垂直滚动条宽度）的间隙，其中已经处理了jQuery的东西，但CSS却没有。由于其他浏览器可能会为其滚动条使用不同的宽度，因此只需在CSS中添加17px就无法解决问题。那么如何让jQuery考虑滚动条呢？ $(window).innerWidth()似乎对我没那么做。任何帮助将不胜感激。在Firefox，Opera或IE中打开此页面以查找问题的隔离版本。（Chrome和Safari不会遇到这个问题。因此：Webkit：+ 1，Gecko：-1，Trident：-1，Presto：-1。）

强制地址栏显示在移动Chrome应用中: 我正在开发一个网络应用程序。大多数应用都禁用了滚动，但是一个全屏面板需要可滚动。问题：如果用户位于可滚动的应用程序部分中，并向下滚动，则地址栏将消失。如果在地址栏消失后，用户通过单击固定位置菜单栏上的X决定退出该面板，则地址栏永远不会被触发（因为向上滚动不会发生），因此用户陷入滚动状态-disabled address-bar-less state。我的问题：是否可以强制触发地址栏以在Google Chrome中显示？链接！ JSBin输出 JSBin代码顺便说一句简单地设置$（window）.scrollTop（0）不会这样做。使用开发工具进行模拟不起作用。您需要在Chrome应用中的移动设备中打开它。谢谢！示例如下：不允许滚动，地址栏显示）滚动允许，地址栏显示用户滚动，地址栏隐藏返回滚动禁用div，隐藏地址栏

用于动态创建元素的jQuery CSS（）: 我正在使用jQuery CSS函数来设置一些元素的样式 $element.css(style); 这有效，但部分元素是在页面加载后动态创建的。这应该是 $element.live (‘created’,function() { $(this).css(style); }); 我被困在创造的事件上。有任何想法吗？

动画模糊滤镜: 是否可以使用jQuery动画CSS3模糊filter？这作为应用CSS规则的静态方式： item.css({‘filter’: ‘blur(‘+blur+’)’,’-webkit-filter’: ‘blur(‘+blur+’)’,’-moz-filter’: ‘blur(‘+blur+’)’,’-o-filter’: ‘blur(‘+blur+’)’,’-ms-filter’: ‘blur(‘+blur+’)’}); 但是当我用animate方法替换css方法时，没有任何反应。 item.animate({‘filter’: ‘blur(‘+blur+’)’,’-webkit-filter’: ‘blur(‘+blur+’)’,’-moz-filter’: ‘blur(‘+blur+’)’,’-o-filter’: ‘blur(‘+blur+’)’,’-ms-filter’: ‘blur(‘+blur+’)’},500); 有没有我不知道的伎俩？如何设置项目的模糊度？

将随机颜色单独应用于类元素？: 我的目标是每个div都有一个“main”类，有一个随机的背景颜色。我有生成随机颜色的脚本，但是，使用jquery，我似乎只能将它应用于类中的所有div。如何选择div，应用颜色，选择类中的下一个div，生成新的随机颜色，应用它并重复？这是我的代码： $(document).ready(function() { var hue = ‘rgb(‘ + (Math.floor((256-199)*Math.random()) + 200) + ‘,’ + (Math.floor((256-199)*Math.random()) + 200) + ‘,’ + (Math.floor((256-199)*Math.random()) + 200) + ‘)’; $(‘.main’).css(“background-color”, hue); });

修改bootstrap轮播以同时显示多个幻灯片: 我想修改bootstrap 3的轮播以一次显示几张幻灯片。我知道我可以在一张幻灯片中放置多个缩略图（div .item），但问题是旋转木马会滑过它们同时移动到下一组，而我想逐个浏览它们。我在这里找到了一个我想要的例子： http ： //www.bootply.com/117282唯一的问题是我需要5个或6个幻灯片，而不是4个。我花了几个小时尝试修改它以按需工作，但我显然没有充分了解它是如何工作的。我的jquery / javascript理解非常简单，但我的CSS非常不错。有人可以告诉我如何修改它以同时显示5/6幻灯片吗？我非常感谢你的帮助。谢谢你，夏尔马

使用jquery创建对话框时，如何隐藏对话框div？: 我正在创建一个类似于此页面的对话框： http://jqueryui.com/demos/dialog/#modal-confirmation （点击查看源）在底部是放置在对话框中的div。当javascript调用时，该对话框非常完美，但加载时页面底部会显示对话框。（减去javascript函数调用时应用的所有样式）如何隐藏div并仍允许对话框使用它？我已经尝试设置style =“visibility：hidden”但是这会阻止它在被javascript调用时显示。

使用Highcharts调整高度: 我有一个Highchart，当窗口改变大小时，它会大大调整宽度。但不是高度。我尝试了这个设定的图表大小，但它不能正常工作。当窗口改变大小时，有没有其他方法可以自动更改高度？这是我输出的css代码。我有一个Jquery UI选项卡，另一个选项卡显示数据表 #output-container { float: right; display: inline; position: absolute; right: 10px; left: 400px; top:120px; overflow-y: auto; } 这是我对chartdiv的css： #chartContainer{ margin: auto; } 这是js Chart函数： function qchart(){ chart = new Highcharts.Chart({ chart: { renderTo: ‘chartContainer’, type: ‘column’, spacingBottom: 3, //height: (screen.availHeight)-500, marginRight: 30, marginBottom: 30, reflow: true }, //etc.. }; […]