css3transform无效，css中的transform

css设置了text-transform但不生效

但是其实不是div中这个属性无效，我的代码中应用这个属性的div内容是中英文混写的 ，首字母大写转换：i am fRom china。，我将div里面的“：”删掉，换成空格之后就成功显示了。可以参考一下。

CSS 里定义了字体不生效的原因可能有很多种，以下是一些常见的原因：- CSS 文件没有正确加载。检查你的 HTML 代码是否正确引用了 CSS 文件，并确保 CSS 文件的路径是正确的。- CSS 规则没有应用到相应的元素上。

选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。

相关问答

Q1: css用transform变形后如何让里面的标签不受影响

1、transform：scale(2) 指定元素放大到2倍。问题来了，如果只使用这两个元素确实可以实现缩放，但是会影响原来的布局，解决办法：在父元素上加上 overflow：hidden 他就可以在以前设定的宽度里面进行缩放了。

2、是先加载bootstrap.css 然后再加载你自己的css，这样，当table的样式跟bootstrap发生冲突的时候，你的自己的css就会有优先权。

3、为了解决这个问题，可以尝试使用一些CSS属性来控制字体的渲染，例如：使用-webkit-font-smoothing： antialiased；来开启抗锯齿，使字体边缘更加清晰。使用text-rendering： optimizeLegibility；来优化字体的渲染，使字体更加清晰易读。

4、把文字和背景分别放到两个平级的div中，文字覆盖在背景的上面，然后只需要把动画作用到背景所在的div上，这样文字不受影响就可以保持不动了。

Q2: 为什么css3使用transform作为属性而不是直接使用rotate,translate_百...

1、transform的含义是：改变，使…变形；转换 CSS3 transform都有哪些常用属性？transform的属性包括：rotate()/ skew()/ scale()/ translate(，)，分别还有x、y之分，比如：rotatex()和 rotatey()，以此类推。

2、transform这个属性有几个可选值（平移、旋转、变形、倾斜） 这里记录下translate（平移）和rotate（旋转）书写顺序的影响。到底是先平移还是先旋转，这会直接影响页面最终的显示结果。

3、translate 同其他属性rotate/skew/scale等，构成css中变形的几种方式。translate(x， y) 是将dom元素，在原来的基础上，偏移一定距离。translate需要跟transform结合使用。

Q3: 为什么浏览器把我css3属性禁用了

1、目前这个属性只有Chrome和Safari浏览器支持，其他浏览器中是无效的。如果你在Chrome中也是没效果，那么我们要看到相对完整的html+css代码才能知道原因。

2、典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；火狐浏览器的误设置，将css样式关闭。开启方式：菜单-查看-页面样式，选择为“基本页面样式”即可。

3、，目前这个属性只有Chrome和Safari浏览器支持，其他浏览器中是无效的。2，如果你在Chrome中也是没效果，那么我们要看到相对完整的html+css代码才能知道原因。

4、还 有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。看来，需要针对 IEIE9 分别 禁用兼容模式。

Q4: 12.CSS3的Transform详解

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

D平移 .element { transform： translate3d(100px， 50px， 0)；} 上述示例将.element选择器的元素在X轴上向右平移100像素，Y轴上向下平移50像素，Z轴上不发生变化。

下面要用到旋转，rotate，不懂的话，请点击→ css3系列之transform 详解rotate 首先Z 轴是朝向我们的，所以 看不出效果，但是，我们把它转个身，让Z轴 面对 右边，就可以了。

rotate：旋转该元素，配合着transform-origin属性，transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以，只不过是根据该元素的中心点旋转，也就是center center)加上 transform-origin 设置旋转点。

默认值：none 继承性：no 版本：CSS3 JavaScript 语法：object.style.transform=rotate(7deg)语法transform： none|transform-functions；值 描述none定义不进行转换。

Transform：对元素进行变形。Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。

Q5: css3的scale能控制放大的起点吗

1、transform： scale(0.8)是CSS3中的一个变换属性，用于控制元素的缩放比例。它可以将元素按比例放大或缩小，同时保持元素的宽高比例不变。

2、CSS3的transform： scale()可以按比例放大或缩小block的功能。

3、transition：2s 指定所有元素如过进行动画的话，实现过程为2s.transform：scale(2) 指定元素放大到2倍。

4、transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

5、涉及到 CSS3 的动画（animation）、2D 转换（transform： scale），具体如代码所示。

css3transform无效的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中的transform、css3transform无效的信息别忘了在本站进行查找喔。