草庐IT

CSS定位div

全部标签

asp.net - 移动设备 Javascript/CSS 支持。外面有什么?

我即将开始一个针对iPhone、黑莓和WindowsMobile浏览器的ASP.NET应用程序。除了iPhone,我找不到太多关于这些平台支持哪些技术的信息。因为我习惯于为桌面浏览器开发,所以我喜欢使用jQuery和高级CSS功能等东西。看来我将无法在移动平台上使用这些东西。我想知道是否有人知道优秀的开发人员资源,我可以在其中找到适用于移动浏览器的资源(例如适用于移动设备的quirksmode.org)。据我所知,jQuery不适用于移动浏览器(iPhone除外)。有谁知道以某种形式将jQuery移植到移动浏览器的尝试吗?我说jQuery是因为这是我现有网站使用的,我想保持一致性,但如

javascript - 带有 Javascript 回退的 CSS3 过渡

是否有一个javascript框架可以使用CSS3Transitions来实现更改不透明度或移动元素等效果,但如果不支持,则会回退到使用javascriptsetInterval/setTimeout? 最佳答案 查看YUI3Transition模块,它就是这样做的。 关于javascript-带有Javascript回退的CSS3过渡,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

javascript - Stylus (CSS) 的客户端使用

新人来了。我一直在寻找一个很好的解决方案来使用Stylus(编译的CSS)客户端。现在,我知道了关于不使用编译CSS客户端的提示,因为:如果不使用JS,它就会中断。在实时客户端环境中编译需要额外的时间。它需要在每个客户端重新编译,这不是绿色的。但是,我的环境是为Chrome和Opera制作的扩展程序。它在JS环境中工作并且它离线工作,所以1、2或3都不适用。我在这里真正寻找的只是一种更有效地编写CSS的方法,同时减少麻烦、增加变量、嵌套和混合。我已经尝试过Less,这是目前在客户端运行良好的Less、Sass和Stylus三重奏中唯一的一个。那么,有人知道Stylus的好的解决方案吗?

javascript - 检测 CSS 文本溢出 : ellipsis in Firefox

我正在尝试(通过javascript)检测文本溢出何时生效。经过大量研究,我有一个可行的解决方案,但在任何版本的Firefox中除外:http://jsfiddle.net/tonydew/mjnvk/如果您调整浏览器以便应用省略号,Chrome、Safari、甚至IE8+都会提醒省略号处于事件状态。在Firefox中(我尝试过的每个版本,包括17和18)就没有那么多了。Firefox会始终告诉您省略号未激活。console.log()输出显示原因:Firefox(OSX):116/115-false347/346-falseChrome(OSX):116/115-false347/8

javascript - qTip2 通过视口(viewport)智能定位

我有右侧面板,每个元素上都应该有qTip。区域是可滚动的,所以小提示不适合窗口。问题如下所示:如果我在工具提示中添加智能定位:position:{viewport:$('#window')}我得到的工具提示留在窗口内,但现在它自动将位置设置在元素上方或下方(而不是它的左侧)并越过可点击的元素,使用户无法访问它们。如下所示:问题是:如何使用保持初始位置(左)的视口(viewport)(窗口)制作带有智能定位的工具提示? 最佳答案 明白了。为了让它保持可见,我们可以使用调整。此选项确定发生的视口(viewport)定位类型。如果我们设置

javascript - 通过绝对坐标定位 DOM 元素

有没有一种简单的方法来定位“覆盖”(即,在其边界内)具有X/Y坐标对的像素的所有DOM元素? 最佳答案 你可以看看document.elementFromPoint虽然我不知道哪些浏览器支持它。Firefox和Chrome都可以。ItisalsointheMSDN,但我不太熟悉这个文档,所以我不知道它包含在哪个IE版本中。更新:要查找以某种方式位于此位置的所有元素,您可以假设父元素的所有元素也位于此位置。当然,这不适用于绝对定位元素。elementFromPoint只会给你最前面的元素。要真正找到其他元素,您必须将最前面元素的dis

javascript - 如何获得 CSS 旋转元素的实际(非原始)高度

我需要获得几个不同元素的实际高度(为了精确的自定义工具提示定位),并且其中一些元素(不是全部)被旋转了。$(elem).outerHeight()返回原始高度,而不是实际显示的高度。这是一个非常简单的例子:http://jsfiddle.net/NPC42/nhJHE/我在这个答案中看到了一个可能的解决方案:https://stackoverflow.com/a/8446228/253974,但我仍然希望有更简单的方法。 最佳答案 利用我的高中几何知识和强大的图形技能,我将这张图放在一起。如果您在javascript中有变量widt

javascript - jQuery 根据选择值显示/隐藏一个 div

我有一个选择列表,其值为“全部”和“自定义”。在选择值为“custom”时,应出现类为“resources”的div,如果值为“all”,则应将其隐藏。形式是:Privileges:AllCustomresources为此的javascript是:ShowPrivileges:function(){varPrivileges=jQuery('#privileges');varselect=this.value;Privileges.change(function(){if(select==='custom'){$('.resources').show();}});}这看起来应该如何工作

javascript - 将 CSS 样式标记添加到谷歌地图

有人可以告诉我如何添加thisanimatedmarker到下面的谷歌地图API。下面是标准的googlemapsapi代码,带有为标记(图标)提供图像源的选项。functioninitialize(){varmyLatlng=newgoogle.maps.LatLng(-25.363882,131.044922);varmapOptions={zoom:4,center:myLatlng}varmap=newgoogle.maps.Map(document.getElementById('map-canvas'),mapOptions);varmarker=newgoogle.map

javascript - CSS/Javascript - "display:none"是否暂时删除任何关联的事件监听器?

我考虑的更多是效率。如果我选择将元素的显示设置为none,javascript会继续监听附加到它的事件,还是暂时删除它们直到恢复显示? 最佳答案 这取决于发生的事件类型。让我们尝试使用click事件:$(function(){//Let'sattachanevent.$("#eventContainer").click(function(){$("#eventAffected").html("Ichanged.");});//Thiswillhidethecontainersurelywhenyouclick.$("#hide-co