草庐IT

gray_img

全部标签

html - img[class* ="align"] 在 CSS 中是什么意思?

这个问题在这里已经有了答案:CSS:WhatthisAsterisk(*)does?(2个答案)关闭6年前。img[class*="align"]在CSS中是什么意思?我在许多样式表中都看到过这种情况,但我不确定为什么使用它以及它的作用。有什么想法吗?

html - 使用 css 在 img 标签上渐变

我想在上放置一个渐变标签。src标签的属性是angular-item。例如:我尝试制作css类:.pickgradient{background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.65)));}和但它不起作用。我该怎么办? 最佳答案 使用z-index:您可以使用容器并将渐变放在该容器上。然后使用负z-index将图像放在渐变后面。.pickgradient{disp

javascript - 使用 img.crossOrigin = "Anonymous"将图像绘制到 Canvas 不起作用

在客户端的独立JS应用程序中,我正在努力做到这一点,以便我可以在Canvas上调用toDataURL(),我在Canvas上绘制了一些由URL指定的图像。即我可以在文本框中输入我想在Canvas上绘制的任何图像(托管在imgur上)的url,单击“绘制”按钮,它就会在Canvas上绘制。最终用户应该能够将他们的最终渲染保存为单个图像,为此我正在使用toDataURL()。无论如何,在他们真正修复那个烦人的“操作不安全”错误之前(哎呀,你要告诉最终用户他们可以用自己的数据做什么,不能做什么?)我遵循了一个解决方法,说将图像添加到DOM并将其crossOrigin属性设置为“Anonmyo

javascript - 如何将鼠标悬停在 <img src =""> 标签上?

我有些困惑,我想将鼠标悬停在图像上标签而不使用“背景图像”。这样当用户尝试将鼠标悬停时,图像就会发生变化。我怎样才能做到这一点?谢谢。 最佳答案 1。内联JavaScript版本this引用当前的img标签2。CSS版本(推荐)CSSa.logo{display:block;width:100px;height:100px;background:url(/path/to/logo.png)no-repeatcentercenter;background-size:contain;}a.logo:hover{background-im

html - Img 的最大高度不尊重 parent 的尺寸

我在液体div中有一个img元素。该img的max-height设置为100%。因此,如果图像比div高,它应该呈现为与div一样高。.png文件的原始大小为200x200。在我的浏览器中,div显示为284x123。因此,img应以123x123呈现,以保持其纵横比。但是,img超出了div的范围,仍然显示为200x200。我似乎不明白为什么会这样。这在Chrome上发生,但在Firefox上没有发生(我上次尝试过)。可以看到当前状态here(http://paginas.fe.up.pt/~ei07171/test/)。如果将鼠标悬停在图片的左侧侧,您会看到一个灰色箭头,即我所说的

html - 如何调整到合适的img标签?

我想在小窗口中显示图像,但我需要保存图像的比例(我仍然希望人们能够知道它是什么)。例如假设图像是1000X200像素,并且有一个div定义为:高度:100px;宽度:100px;所以我希望图像会这样写:而不是或不然后是卷轴..我可以使用百分比,但我该怎么做......(它甚至可以单独使用百分比吗?) 最佳答案 如果您在CSS中设置max-height和max-width,现代浏览器会将其限制为该尺寸,但会保持纵横比正确: 关于html-如何调整到合适的img标签?,我们在StackOve

html - 在图像元素 <img> 中显示 .ico

我正在尝试在图像元素中显示.ico但在InternetExplorer中它不起作用/显示。这是我的代码:有人知道如何让它显示在所有浏览器中吗? 最佳答案 不能保证在所有浏览器中都可以在img标签中显示ico文件(我不推荐这样做)。如果您想在网络上显示它们,请将ico文件转换为另一种格式。 关于html-在图像元素中显示.ico,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/130

css - <img> 的 html5 垂直间距问题

我正在尝试创建一个布局,其中div之间的垂直间距是像素完美的。到目前为止,我已经排除了几乎所有的大网格系统(960.gs,蓝图),因为它们根本没有垂直间距的解决方案。有了它们,设置div之间垂直间距的唯一方法是使用body{line-height}属性并使用它来操纵div间距。我不会称之为解决方案,因为它会破坏您的模板,取决于字体系列,并且不允许您对不同的div使用不同的间距。我发现唯一支持垂直间距的网格系统是GoldenGrid,它不使用body{line-height},但有自己的.clear{height:5px}用于垂直间距。我的问题是,无论我如何尝试,我都无法在HTML5中使

image - 内部带有 img 标签的 div 高度错误

这个问题在这里已经有了答案:Imageinsidedivhasextraspacebelowtheimage(10个答案)关闭3年前。我有一个div,里面有一个图片标签,div的高度看起来比图片大一点。我可以通过为div设置特定高度(与图像相同)来解决这个问题,但我正在使用响应式布局,我不想为div设置特定高度,所以当浏览器窗口缩放时(例如在移动设备中),div将缩放并保持比例。我需要div高度与图像高度完全相同。这是场景:CSS是:img{height:auto;max-width:100%;width:auto;}有人知道如何解决这个问题吗?

javascript - 'img-src' 未明确设置,因此 'default-src' 用作后备

这是我的Content-Security-Policy在index.html现在我正在动态设置的imgsrc作为varsmallImage=document.getElementById('updateProfilePicPreview');smallImage.style.display='block';smallImage.src="data:image/jpeg;base64,"+imageData;显示Refusedtoloadtheimage'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgj