Tag: css

jQuery .css（“left”）在Chrome中返回“auto”而不是实际值: 我有div元素，左边和顶部定义，没有绝对位置，我想使用jQuery读取左边和顶部值。使用$(“#MyId”).css(“left”)在IE浏览器（IE8 $(“#MyId”).css(“left”)给出了预期的结果，但在Chrome中它返回“auto”，尽管这些值是以元素样式显式写入的。以下是测试用例： http ： //jsfiddle.net/qCDkb/2/ 请注意IE和Chrome之间的区别。此外，这在jQuery 1.4.2中运行良好，在jQuery 1.4.3及更高版本中“失败”。任何见解都是受欢迎的。 🙂

将CSS添加到iFrame: 可能重复：如何将CSS应用于iFrame？现在我正在通过jquery加载iframe： $(window).load(function(){ $(‘iframe’).load(function() { $(‘iframe’).show() $(‘#loading’).hide(); }); $(‘#loading’).show(); $(‘iframe’).attr( “src”, “http://www.url.com/”); }); 我有一个自定义样式表，我想应用于该页面。 iframe中的页面不在同一个域中，这就是为什么它很棘手。我找到了允许您添加单个标签的解决方案，但不是整个样式表。编辑：有问题的页面是通过file://在Mobile Safari中加载的，因此跨域策略不适用。

如何判断jQuery是否inheritance了特定的CSS属性？: 这是一个非常简单的问题，所以我会保持简短：如何判断特定DOM元素的CSS属性是否被inheritance？我问的原因是因为使用jQuery的css方法它会返回计算样式，它inheritance了父对象的CSS属性。有没有办法检索对象本身设置的属性？一个例子可以解释我得到的更好的东西： CSS： div#container { color:#fff; } HTML： Something that should be interesting Some other thing that should be interesting 因此，在inheritancecolor的div.black实例中，如何判断它是否被inheritance？ $(‘div.black:eq(0)’).css(‘color’)显然会给我#fff ，但我想要检索元素本身的样式，而不是它的父母。

在JavaScript / jQuery中解析CSS: 我正在尝试在JavaScript中实现CSS解析，以便： a { color: red; } 被解析为对象： { ‘a’ { ‘color’: ‘red’ } } 首先，我可以使用JavaScript / jQuery 库吗？我的实现非常基础，所以我确信它无论如何都不是万无一失的。例如，它适用于基本CSS，但对于类型的属性： background: url(data:image/png;base64, ….); 它失败了，因为我使用split(‘;’)来分隔property:value对。在这里， ; 发生在value ，因此它也会在该点处分裂。还有另一种方法吗？这是代码： parseCSS: function(css) { var rules = {}; css = this.removeComments(css); var blocks = css.split(‘}’); blocks.pop(); var len = blocks.length; for (var i = 0; i […]

单击更改CSS属性: 我试图在点击另一个元素时更改一个元素的CSS。我搜索了很多，但没有任何效果。目前我使用下面的代码，但它不起作用。谁能告诉我我错过了什么？ hello world! function myFunction() { document.getElementById(‘foo’).style.cssText = ‘background-color: red; color: white; font-size: 44px’; }

跨浏览器的多行文本溢出，省略了宽度和高度附加的省略号“: 我为这个问题制作了一个图像，以便更容易理解。是否可以在具有固定宽度和多行的上创建省略号？我已经在这里和那里尝试了一些jQuery插件，但找不到我正在寻找的那个。有什么建议？想法？

使用jspdf导出PDF而不渲染CSS: 我使用jspdf.debug.js从网站导出不同的数据，但有一些问题，我无法让它在导出的PDF中呈现CSS，如果我在页面中有一个图像，我正在导出， PDF返回空白… 有谁知道解决这个问题的方法？这是一个jsfiddle，显示它没有渲染CSS 还有我的剧本 $(document).ready(function() { $(‘#export’).click(function(){ var d = new Date().toISOString().slice(0, 19).replace(/-/g, “”), filename = ‘financiar_’ + d + ‘.pdf’, pdf = new jsPDF(‘p’, ‘pt’, ‘letter’), specialElementHandlers = { ‘#editor’: function( element, renderer ) { return true; } }; pdf.fromHTML( $(‘.export’).get(0) // HTML element , 25 // x coord , 25 // y […]

通过JavaScript访问CSS自定义属性（也称为CSS变量）: 你如何使用JavaScript（plain或jQuery）获取和设置CSS自定义属性（使用样式表中的var(…)访问的属性）？这是我不成功的尝试：单击按钮更改通常的font-weight属性，但不更改自定义–mycolor属性： body { –mycolor: yellow; background-color: var(–mycolor); } Let’s try to make this text bold and the background red. Plain JS jQuery function plain_js() { document.body.style[‘font-weight’] = ‘bold’; document.body.style[‘–mycolor’] = ‘red’; }; function jQuery_() { $(‘body’).css(‘font-weight’, ‘bold’); $(‘body’).css(‘–mycolor’, ‘red’); }

如何在链接上鼠标hover的链接页面的小弹出窗口中显示实时预览？: 如何在链接上鼠标hover的链接页面的小弹出窗口中显示实时预览？像这样 http://cssglobe.com/lab/tooltip/03/ 但实时预览

带有远程模态的Bootstrap 4: 使用新的Twitter Bootstrap版本：Bootstrap 4 alpha，我无法使Modal在远程模式下工作。它与Bootstrap 3完美配合。使用bootstrap 4我得到了弹出窗口，但是模型体没有被加载。没有远程调用myRemoteURL.do来加载模型体。码： Open Model × Model Title Close Submit