草庐IT

CSS定位div

全部标签

javascript - 使用 Javascript 更改显示样式 (CSS) 而不影响打印样式

我有一个Web应用程序使用单独的printstylesheet控制页面从打印机出来时的外观。在我最近对该站点进行了一些Javascript增强之前,它一直运行良好。其中一项增强功能允许用户卡住页眉和导航以及表格标题。这背后的Javascript做了一些CSS技巧来卡住屏幕上的元素。不幸的是,将position:fixed应用到我的页眉(例如)会导致它打印在每一页上,这不是预期的效果。如何使用Javascript在客户端调整元素样式而不影响打印样式?@mediaprint{#foo{color:blue;}}/*Printdefinition*/@mediascreen{#foo{col

javascript - Google Closure 编译器解析错误 : invalid property id for `css({float:' left'})`

我正在使用GoogleClosureCompiler应用程序(命令行界面)。当我运行它时,出现以下错误。deploy/js/Home.js:40:ERROR-Parseerror.invalidpropertyidthis.$images.wrapAll('').css({float:'left'});^1error(s),0warning(s) 最佳答案 我相信你需要做:{'float':'left'}这是因为float在listofJavakeywordsreservedbyJavaScript上,因此它不能用作属性名称。这在较

javascript - 在 div 中包装子元素的范围

我试图将一系列子元素包装在div中,以便分组操作它们;试图将每个组定位在不同的位置。场景是我有一个随机生成li标签的列表,无论出现多少标签,我都需要分别处理每组十个标签。为了解决这个问题,我使用了一个书面列表:$("ulliulli:nth-child(n+11)").wrapAll("");HelloStuffStuffStuffStuffStuffStuffStuffStuffStuffStuffStuff2Stuff2Stuff2Stuff2Stuff2Stuff2Stuff2Stuff2Stuff2Stuff2Stuff3Stuff3Stuff3Stuff3Stuff3Stuf

javascript - 如何用JavaScript隐藏所有的div?

我想知道如何仅使用JavaScript隐藏页面上的所有div,我不能使用jQuery。有没有一种方法可以在不使用document.getElementByTag附带的数组的情况下执行此操作?或者,如果没有,您能告诉我如何隐藏所有内容吗? 最佳答案 使用getElementsByTagName()获取所有div元素的列表,然后设置它们的CSSdisplay属性为none:vardivs=document.getElementsByTagName("div");for(vari=0;isadssadsnotadiv

javascript - 如何在 <li><div> 标签内获取 img src?

我正在尝试从选定的列表项中获取图像的src。HTML看起来像这样:我现在可以像这样从选定的列表元素中获取玩家ID:jQuery$('#myDiv').find("li").click(function(){varuser_id=$(this).attr('id').substr(7);});如何从选定的列表元素中获取imgsrc? 最佳答案 如果user_id对应玩家ID中的数字,则尝试:varsrc=$("#player_"+user_id+"img").prop("src");否则,分别对点击的列表项:$("#myDiv").f

javascript - 根据日期显示/隐藏 div

我正在尝试显示基于日期的隐藏div,并正在试验以下代码:window.setInterval(function(){varcurrent=newDate();varexpiry=newDate("October29,201212:00:00")varexpiry2=newDate("October30,201212:00:00")if(current.getTime()>expiry.getTime()){$('#one').hide();$('#two').show();}else(current.getTime()>expiry2.getTime()){$('#two').hide

CSS 样式上的 Javascript 事件从 block 更改为无

当我将div的CSS样式从block更改为none时,是否会触发纯Javascript事件(无jQuery).我以为我可以通过“onBlur”捕捉到它,但看起来我做不到!请指教! 最佳答案 没有因可见性更改而触发的DOM事件。您能做的最好的事情就是始终使用相同的函数来调整block的可见性,而不是每次都更改它的样式。旧模式:functiondoSomething(){alert("I'mdoingsomething!");myBlock.style.display="block";}functiondoSomethingElse()

javascript - 通过单击外部关闭弹出 div

我完全是编程初学者。我一直在寻找答案,但我发现的答案似乎都无法解决我的问题。我用了howdoIcenterjavascriptcsspopupdiv,nomatterwhatthescreenresolution?问题中解释的弹出div方法。是否可以通过在div外部单击并稍微更改以下代码来关闭它?functionshowPopUp(el){varcvr=document.getElementById("cover")vardlg=document.getElementById(el)cvr.style.display="block"dlg.style.display="block"if

javascript - 如何根据文本和 CSS 生成图像?

我正在开发一个网络应用程序。它使用来自其API的信息为游戏生成签名。我需要使用收集信息并将其转换为图像的脚本来存储图像。你知道把文字+CSS变成图片的方法吗? 最佳答案 是的,这可以做到,您要做的是在Canvas上绘制文本,然后保存Canvas。你不需要显示Canvas,你可以像任何其他html元素一样隐藏它,只需添加它,在上面绘制文本,然后保存它。这是保存库的链接:https://github.com/hongru/canvas2image一些示例代码在Canvas上绘制文本:Yourbrowserdoesnotsupportth

javascript - 使用 CDN 完成 CSS 类

如何使用WebStorm上的CSS类自动完成来处理从CDN导入的CSS文件? 最佳答案 只有位于元素根目录下的文件用于完成/导航/错误突出显示,WebStorm不使用在线资源进行类型解析。所以你必须下载css并使用相对URL引用它才能完成工作 关于javascript-使用CDN完成CSS类,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/18122560/