Tag: CSS

如何在CSS中的图像上放置文本

如何在css中将图像置于图像中间? <div class="image"> <img src="sample.png"/> <div class="text"> <h2>Some text</h2> </div> </div> 我想做一些像下面这样的东西,但我有困难,这是我目前的CSS <style> .image { position: relative; } h2 { position: absolute; top: 200px; left: 0; width: 100%; margin: 0 auto; width: 300px; height: 50px; } </style> 当我使用背景图像时,我没有从html2pdf得到任何输出: <style> #image_container{ width: 1000px; height: 700px; background-image:url('switch.png'); } </style> <a href="prints.php">Print</a> <?php ob_start(); ?> <div id="image_container"></div> <?php […]

使用jQuery CSS属性设置背景图片

我有一个imageUrl变量中的图像网址,我试图将其设置为CSS样式,使用jQuery: $('myObject').css('background-image', imageUrl); 这似乎不起作用,如: console.log($('myObject').css('background-image')); none返回。 任何想法,我做错了什么?

jquery触发文件输入

我试图用jQuery来触发一个上传框(浏览按钮)。 我现在试过的方法是: $('#fileinput').trigger('click'); 但似乎没有工作。 请帮忙。 谢谢。

你如何获得元素的渲染高度?

你如何获得元素的渲染高度? 假设你有一个内部有一些内容的<div>元素。 里面的这个内容将会扩展<div>的高度。 当你没有明确设置高度时,如何获得“已渲染”高度? 显然,我试过了: var h = document.getElementById('someDiv').style.height; 有这样做的伎俩吗? 如果有帮助,我正在使用jQuery。

CSS – 为什么没有百分比高度工作?

为什么height的百分比值不起作用,而width的百分比值呢? 例如 : <div id="working"></div> <div id="not-working"></div> #working{ width:80%; height:140px; background:orange; } #not-working{ width:80%; height:30%; background:green; } #工作的宽度最终为视口的80%,但#not-working的高度最终为0。

设备像素比例究竟是什么?

每篇关于移动网络的文章都提到了这一点,但是我无法找到解释这个属性究竟是什么的措施。 任何人都可以详细说明什么是这样的查询查询? @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min–moz-device-pixel-ratio: 1.5), only screen and (-o-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { //high resolution images go here }

如何覆盖另一个div的一个div

希望有人可以协助,但我需要协助覆盖一个单独的div在另一个div 。 我的代码如下所示: <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> 不幸的是,我不能在第一个div.navi里嵌套div#infoi或者img 。 它必须是如图所示的两个单独的div ,但我需要知道如何将div#infoi放在div.navi并且放在div.navi的最右边最右侧。 将不胜感激任何帮助实现这一点。

CSS否定伪类:not()为父/祖先元素

这使我疯狂: HTML: <div><h1>Hello World!</h1></div> CSS: *:not(div) h1 { color: #900; } 这是不是读取“选择具有祖先不是一个div元素的所有h1元素…?” 因此,“Hello World!” 不应该被染成红色,但它仍然是。 对于上面的标记,添加子组合子的作品: *:not(div) > h1 { color: #900; } 但是,如果不是div元素的子元素,则不会影响h1元素。 例如: <div><article><h1>Hello World!</h1></article></div> 这就是为什么我希望将h1元素指定为div元素的后代,而不是子元素。 任何人?

如何使用CSS在<select>菜单中隐藏<option>

我意识到Chrome似乎不允许我在<select>隐藏<option> <select> 。 Firefox将会。 我需要隐藏符合搜索条件的<option> 。 在Chrome的网络工具,我可以看到,他们正确地被设置为display: none; 由我的JavaScript,但一旦然后<select>菜单点击他们显示。 如何使这些匹配我的搜索条件的<option>在单击菜单时不显示? 谢谢!

CSS3背景图片过渡

我正在尝试使用CSS转换来实现“淡入淡出”效果。 但我不能得到这个与背景图像工作… CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title a:hover { background: transparent; background: url(https://lh3.googleusercontent.com/-p1nr1fkWKUo/T0zUp5CLO3I/AAAAAAAAAWg/jDiQ0cUBuKA/s800/red-pattern.png) repeat; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; […]