通过更改CSS类外的div容器

我想通过css来改变图像的特性的IMG财产。由于我通过typo3来做这件事，我只能访问外部div容器（内容元素的自定义边框）。通过更改CSS类外的div容器

.Bild-Startseite img { width:50%; }

DIV的容器使用Bild-Startseite：所以我添加下面一行到我的CSS文件。不幸的是，这不会改变div容器内部图像的宽度... 出了什么问题？

CSS文件是在这里：http://web182.theta.ibone.ch/klingler_ag/fileadmin/templates/css/screen/screen-PAGE-layout.css

并与格容器的网站：http://web182.theta.ibone.ch/klingler_ag/home.html

感谢

来源

2013-04-27 Reto

的问题是，一个更具体的选择已经瞄准<img>：

#main img, 
#main audio, 
#main video, 
#main embed { 
height: auto; 
width: auto; 
max-width: 100%; 
/* ID's will always take precedence over classes */ 
}

您可以尝试在声明的结尾处加一个!important规则..或将其添加为内嵌式

.Bild-Startseite img { 
width: 50% !important; 
}

来源

2013-04-27 15:46:35 Adrift

作品！但现在图像是div容器的50％，div容器仍然是原始图像大小...这不是我想要的... :-( – Reto 2013-04-27 15:55:26

那么你到底想要什么？ – Adrift 2013-04-27 16:00:53

img是50 ％的窗口宽度没有空白空间的权利的图像... – Reto 2013-04-27 16:03:13

这是工作;只有一些其他的CSS规则具有更高的特异性。

用途：

.Bild-Startseite img { width: 50% !important; }

覆盖应用到该元素的所有其他width。

来源

2013-04-27 15:46:23 bwoebi

有两种方法可以解决。

.Bild-Startseite img { width: 50% !important; }

#main img, 
#main audio, 
#main video, 
#main embed { 
    max-width:100%; 
    height:auto; 
} 

in screen-PAGE-layout.css, remove width attribute.

来源

2013-04-27 15:49:40

通过更改CSS类外的div容器

回答

相关问题